Hintergrund in IE automatisch gezaubert :)

Koljan777 · 28. Februar 2009, 08:08

Hallo Community

da bin ich wieder

habe ein Problem mit IE:

die Seite sieht so aus: web1.nbi20637-01.nbiserv.de/Rusicc/index.php?page=mp3 (in Ie gucken bitte)

also ich habe NIRGENDS schwarzes background-color stehen

und ist auch kein Bild. das eine Bild habe ich zum Testzwecken gelöscht, das schwarze war immer noch da

habe schon mit heigh:inherit; versucht, ging trotzdem nicht
jede spatle ist ein div und drum herum ist noch ein div

Quellcode

<div id="mp3_zeilen_container"><?
if($finish_page=="mp3top"){?>
<div id="mp3_platz" style="width:5%;">Platz</div><?php
}?>
<div id="mp3_interpret" style="width:<?php print($width['interpret']);?>%">Interpret</div>
<div id="mp3_title" style="width:<?php print($width['interpret']);?>%">Titel</div>
<div id="mp3_genre" style="width:<?php print($width['genre']);?>%">Genre</div>
<div id="mp3_vote" style="width:<?php print($width['bewertung']);?>%">Bewertung</div><?php
if(ist_mp3_aktass()){?>
<div id="mp3_acp" style="width:<?php print($width['funktionen']);?>%">Funktionen</div><?php
}?>
<div id="mp3_play" style="width:<?php print($width['play']);?>%">Anhören</div>
<div id="mp3_download" style="width:<?php print($width['download']);?>%">Download (Hits)</div>
</div>

Alles anzeigen

Quellcode

#mp3_zeilen_container{
width:90%;
text-align:left;
background-color:#f4f2e1;
}
#mp3_platz{
float:left;
padding:3px;
background-color:#f4f2e1;
}
#mp3_interpret{
float:left;
padding:3px;
background-color:#f4f2e1;
}
#mp3_title{
float:left;
padding:3px;
background-color:#f4f2e1;
}
#mp3_genre{
float:left;
padding:3px;
background-color:#f4f2e1;
}
#mp3_vote{
float:left;
padding:3px;
background-color:#f4f2e1;
}
#mp3_acp{
float:left;
text-align:center;
padding:3px;
background-color:#f4f2e1;
}
#mp3_play{
float:left;
padding:3px;
background-color:#f4f2e1;
}
#mp3_download{
float:left;
padding:3px;
background-color:#f4f2e1;
}
#mp3_download a:hover{
text-decoration:none;
}

Alles anzeigen

keiner der übergeordneten divs hat schwarzes hintergrund, wie schon erwähnt

kann einer nachvollziehen was der Irreführender Explorer da tut?

Lemmi · 28. Februar 2009, 10:57

Im Firefox und IE 7 finde ich den von dir angesprochenen Fehler nicht. Cache schon mal geleert und dann nochmal versucht? Oder reden wir jetzt vom Berüchtigten IE 6?

Koljan777 · 28. Februar 2009, 11:09

Ne, IE7

den 6er ziehe ich gar nicht erst in Betracht

guck Dateianhang

das was ich rot umrandet habe und den Rest der Geschichte meine ich

Lemmi · 28. Februar 2009, 11:34

Den Fehler kann ich jetzt auch nicht nachvollziehen.

Aber mal ein Tipp zum CSS-Teil: Du kannst dir diese lästigen Wiederholungen sparen und folgendes aus den vielen Eigenschaften basteln:

Quellcode

#mp3_zeilen_container div.mp3 {
/* ... */
}

Setzt natürlich voraus, dass jedes der beinhalteten div-Elemente auch das Attribut "class" mit dem Inhalt "mp3" besitzt. Im Grunde könntest du, so wie ich das sehe, auch einfach nur div ohne .mp3 schreiben, da da ja sowieso keine anderen div-Elemente in deinen mp3_zeilen_container kommen, die nicht diese Eigenschaften mit background, padding und float besitzen sollen.

Koljan777 · 28. Februar 2009, 15:14

Danke, ist mir aber bewusst

ich schreibe zuende und wenns immer noch alles gleich ist, dann mache ich drauß ein CSS Container und fertig

Aber das löst mein Problem auch nicht

Ich glaube der füllt einfach mp3_zeilen_container mit schwarz, aber warum

Lemmi · 28. Februar 2009, 15:27

Kannst du dem Container mal eine feste Höhe geben, die auf jedenfall höher ist, als du es im Layout überhaupt brauchst. Denn wie mir gerade auffällt, besitzt ein Container mit gefloateten Elementen im Inhalt keine Höhe, solange drinnen kein Element die Eigenschaft clear besitzt. Eigentlich dürfte dann aber der Hintergrund nicht schwarz werden ... aber beim IE weiß man ja nie.

Um dem Container doch eine automatische Höhe geben zu können, hilft es ein leeres Element am Ende des Inhalts anzufügen, dass die nötige Eigenschaft clear="both|left|right" besitzt. Hoffe du verstehst, was ich meine.

Koljan777 · 28. Februar 2009, 15:57

Hab das Problem gefunden.

war ein PHP Codestück :cursing:

ich danke Dir

Hintergrund in IE automatisch gezaubert :)

Hintergrund in IE automatisch gezaubert :)

Quellcode

Quellcode

Quellcode

Teilen

Tags