Forum Doku Wiki Blog

Forumsarchiv 2006, Februar
DIV als Fußzeile, inherit, Problem im IE

archivierte Beiträge lesen

  1. (CSS) DIV als Fußzeile, inherit, Problem im IE von Chuchan, 28. 02. 2006, 15:22

DIV als Fußzeile, inherit, Problem im IE

Der folgende Beitrag wurde am 28. 02. 2006, 15:22 Uhr von Chuchan veröffentlicht.

Hallo,

ich versuche gerade eine Fußzeile zu positionieren. Mit geteiltem Erfolg. Im Firefox siehts aus wie gewünscht, im IE nicht.

Ich hätte gerne die Breite des DIV-Elements so groß, wie das Eltern-Div breit ist (100%). Ich habe schon etliche Anweisungen ausprobiert. Für den Firefox sind mehrere möglich. Für den IE habe ich noch keine passende gefunden. (Entweder zeigt er das Element nur so breit an wie der Inhalt ist, oder z.B. mit "display: inherit; width : 100%;" schießt er mir das ganze Layout kaputt).

|-----------------------------------------------|
|                                               |
|           Eltern-DIV                          |
|                                               |
|                                               |
||---------------------------------------------||
||          Kind-Div                           ||
|-----------------------------------------------|

Ich habe jetzt folgende CSS-Definitionen:
div#Eltern {position: absolute; top: 26px; left: 161px; right: 25px;
   color: #111; background: #EEE; font: 1em Verdana, sans-serif;
   padding: 10px; border: solid 5px #99A;}

div#Kind {display: inherit; position: absolute; bottom: 2px;
   left: 2px; right: 2px; margin-left: 2px; margin-right: 2px;
   height: 10px; text-align: center; vertical-align: middle;
   white-space: nowrap; color: #777; background: #EEE;
   font: 9px Verdana, sans-serif; padding: 1px;
   border-top: 1px solid #AAB;}


Bin für jeden Tip dankbar,
Gruß Chuchan

DIV als Fußzeile, inherit, Problem im IE

Der folgende Beitrag wurde am 28. 02. 2006, 15:42 Uhr von Griever veröffentlicht.

Versuchs vielleicht mal mit

display:block;

So weit ich weiß, macht er es dann an das Elternelement passig.

© 1998-2013 SELFHTMLImpressumSoftware: Classic Forum 3.4