Leerer DIV mit Hintergrund - IE Zeigts an, FF nicht.

Beitrag von **ole1210** » 20.08.2006, 17:16

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

von **Anzeige von ABAKUS** »

SEO Consulting bei ABAKUS Internet Marketing
Erfahrung seit 2002

persönliche Betreuung
individuelle Beratung
kompetente Umsetzung

Jetzt anfragen: 0511 / 300325-0.

Beitrag von HW » 20.08.2006, 17:28

..ist so!
Musst Du ein   zusätzlich rein setzen, behebt das Problem.

Beitrag von **ole1210** » 20.08.2006, 17:37

Spitze! Dann habe ich im FF auch den Hintergrund. Denn will ich aber wie geschreiben NICHT haben!

Beitrag von **Wirths Media** » 20.08.2006, 18:09

Die Frage ist doch, wofür brauche ich nen leeres Div, wenn es sowieso ncht erscheinen soll???

Beitrag von **ole1210** » 20.08.2006, 18:11

Klar darfst du. Hier der Code ist dem PHP-File:

Code: Alles auswählen

<div id="submenue"></div>

Und das zugehörige CSS:

Code: Alles auswählen

#submenue &#123;
	float&#58; right;
	width&#58;180px;
	margin&#58; 20px 30px 3em 2em;
	background&#58; transparent url&#40;'images/menu.png'&#41; no-repeat;
	text-align&#58; center;
	line-height&#58; 140%;
	font-family&#58;"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
&#125;

Beitrag von **ole1210** » 20.08.2006, 18:14

@ Calusa

Das Div ist nur manchmal leer. Je nach Menüpunkt ob Untermenüs da sind oder net.

Ist nen Template zu nem CMS.

Beitrag von **Lima** » 20.08.2006, 18:27

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.

Beitrag von **MonikaTS** » 20.08.2006, 18:36

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

Beitrag von **ole1210** » 20.08.2006, 18:50

@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!

Beitrag von **simmo** » 11.04.2007, 07:26

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

Beitrag von **compiler** » 11.04.2007, 07:33

Code: Alles auswählen

<div id="submenue">&nbsp;</div>

CSS:

Code: Alles auswählen

#submenue &#123;
	float&#58; right;
	width&#58;180px;
                height&#58; 90px;
	margin&#58; 20px 30px 3em 2em;
	background&#58; transparent url&#40;'/images/menu.png'&#41; no-repeat;
	text-align&#58; left;
                display&#58; block;
&#125;

Beitrag von **simmo** » 11.04.2007, 07:43

@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...