✔ <div>-Hintergrundgrafik verdeckt teilweise den darüberliegenden Textinhalt (IE)

[josDesign]

Hallo tutorials.de Community,

Hatte ich die letzten Projekte nichts zutun mit CSS (ich war froh darüber) ist es so, dass ich jetzt einer kleinen Volksmusik-Band eine Homepage mache (die freuen sich ja auch drüber)

Nun habe ich eine PSD-Vorlage bekommen, und habe diese umgewandelt in ein HTML-Template.

Den Fehler den ich meine, den sieht man nur mit einem IE (ich habe leider derzeit nur Version 6) auf folgenden Seiten: Kontakt & Impressum (derzeit, gibt noch nicht viel mehr)

Dabei verdeckt die mittigpositionierte HG-Grafik des DIVS mit der ID #geruestContent teilweise den Text (auf Kontakt zum Beispiel den Mail-Link "Mail an")


Habe ich einen Fehler gemacht? Ich habe jetzt schon einiges versucht, einzige Abhilfe schuf bis jetzt das entfernen der HG-Grafik. Das zerstört jedoch das Design > wirkt dann so leer

Hat für mich jemand einen kleinen Tipp? EInen Hinweis? Bin für alles dankbar,
vielen Dank im Voraus,
jos

 

[Maik]

Hi,

versuch es mal mit diesen Regelerweiterungen, denn der IE (<7) unterstützt die min-height-Eigenschaft nicht:

#geruestContent { 
background: url(../grafiken/template_contentHg.jpg) no-repeat center; 
min-height:300px; 
height:auto !important; 
height:300px; 
padding:0px 20px 0px 10px; 
z-index:10; 
}

 

[josDesign]

aha, vielen Dank!

PS: Hast einen neuen Usernamen?

lieGrü
jos

 

[Maik]

PS: Hast einen neuen Usernamen?

Jip -> http://www.tutorials.de/forum/1457624-post73.html

 

[Dr Dau]

Hallo!

Du solltest Dir auch mal die anderen Fehler anschauen.

Gruss Dr Dau

 

[josDesign]

Vielen Dank Herr Doktor!

Ich bin gerade noch im Aufbau - da diese auf Typo3 basiert muss ich erst die Extensions installieren, die für die korrekte Ausgabe verantwortlich sind. Danke für den Tipp!

 

[Dr Dau]

Eine Extension wird aber wohl kaum etwas daran ändern dass Du z.b. eine ID mehrfach verwendest.
Behaupte ich jetzt mal einfach so.

 

[josDesign]

Jappp.. da war ein wrap zuviel ;-)