Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2006 Teil von Februar

SELFHTML Forumsarchiv
DIV als Fußzeile, inherit, Problem im IE

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

DIV als Fußzeile, inherit, Problem im IE

Die folgende Nachricht zum Thema stammt von: Chuchan, 28. 02. 2006, 15:22

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

nach obennach unten

DIV als Fußzeile, inherit, Problem im IE

Die folgende Nachricht zum Thema stammt von: Griever, 28. 02. 2006, 15:42

Versuchs vielleicht mal mit

display:block;

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

nach oben
Teil von SELFHTML Forum Teil von SELFHTML Forumsarchiv Teil von 2006 Teil von Februar

© 1998-2006 Seite Impressum, Software: Classic Forum