Seite 1 von 1
Leerer DIV mit Hintergrund - IE Zeigts an, FF nicht.
Verfasst: 20.08.2006, 17:16
von ole1210
Moin moin,
ich habe nen leeren DIV <div id="submenue"></div>.
Je nachdem ob ein Untermenü existiert oder nicht werden in diesen Layer Inhalte eingefügt.
Im CSS habe ich einen Hintergrund zugewiesen.
Wenn das Ding nun leer ist (weil kein Submenü existiert) wird im Firefox wie gewünscht nix angezeigt.
Der IE dagegen tut so als wären Inhalte im DIV und zeigt praktisch eine Zeile Hintergrund an.
Wie kann ich das umgehen?
Viele Grüße
Ole
Verfasst: 20.08.2006, 17:28
von HW
..ist so!
Musst Du ein zusätzlich rein setzen, behebt das Problem.
Verfasst: 20.08.2006, 17:37
von ole1210
Spitze! Dann habe ich im FF auch den Hintergrund. Denn will ich aber wie geschreiben NICHT haben!
Verfasst: 20.08.2006, 18:09
von Wirths Media
Die Frage ist doch, wofür brauche ich nen leeres Div, wenn es sowieso ncht erscheinen soll???
Verfasst: 20.08.2006, 18:11
von ole1210
Klar darfst du. Hier der Code ist dem PHP-File:
Und das zugehörige CSS:
Code: Alles auswählen
#submenue {
float: right;
width:180px;
margin: 20px 30px 3em 2em;
background: transparent url('images/menu.png') no-repeat;
text-align: center;
line-height: 140%;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
}
Verfasst: 20.08.2006, 18:14
von ole1210
@ Calusa
Das Div ist nur manchmal leer. Je nach Menüpunkt ob Untermenüs da sind oder net.
Ist nen Template zu nem CMS.
Verfasst: 20.08.2006, 18:27
von Lima
Ohne es getestet zu haben - Schon mal versucht den margin und das
line-height raus zu nehmen? Teste einfach mal an welcher CSS Angabe es
liegt. Wenn keine Angaben gemacht werden sollte die Box auf jeden Fall nicht
angezeigt werden. Wenn doch dann schau mal ob du irgend wo eine nicht
gewünschte Vererbung hast.
Verfasst: 20.08.2006, 18:36
von MonikaTS
die Vererbung ist die Schriftgröße, die den IE bei der Angabe width zwingt etwas anzuzeigen ..... naja anders kann ich es nicht erklären ...
nutzt Dir das schon mal was?
lg
Verfasst: 20.08.2006, 18:50
von ole1210
@edvsb:
Das hilft nicht. Mit deiner Lösung habe ich zwar nen 180px Kontainer, darin aber nen Kontainer der kleiner als 180px ist. Der innere Kontainer passt sich ja nicht automatisch an den äußeren an.
@einfach:
So wirklich verstehe ich dich nicht!
EDIT:
@edvsb:
Habs einfach umgedrht. Hab den 180er Kontainer nicht ddrumrum gelegt, sondern innen rein.
Problem gelöst!
Verfasst: 11.04.2007, 07:26
von simmo
Hallo,
habe genau dasselbe Problem und würde mich für die Lösung interessieren! Der Beitrag von edvsb erscheint nicht im Thread...
Meine Experimente mit den Angaben, die bisher zu lesen sind, haben leider nicht geholfen...
Gruß
simmo
Verfasst: 11.04.2007, 07:33
von compiler
CSS:
Code: Alles auswählen
#submenue {
float: right;
width:180px;
height: 90px;
margin: 20px 30px 3em 2em;
background: transparent url('/images/menu.png') no-repeat;
text-align: left;
display: block;
}
Verfasst: 11.04.2007, 07:43
von simmo
@compiler
Ein in den Problem-Div zu machen, führt nur dazu, dass der Container auch im FF IMMER angezeigt wird. Aber das Ding soll ja, wenn es leer ist, gerade nicht angezeigt werden...
display: block; zerlegt mir das Layout in IE6...
Schade, hilft leider nicht...