DIV als Fußzeile, inherit, Problem im IE
Chuchan
- css
0 Griever
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
Versuchs vielleicht mal mit
display:block;
So weit ich weiß, macht er es dann an das Elternelement passig.