height in ie und firefox
stefan
- css
hallo
ich definiere einen spacer mit height: 3px. der ie zeigt aber sicherlich 20px an. der firefox macht sie genau 3 px. was muss ich noch machen, dass der ie das auch so macht?
ps. *{margin:0; padding:0;} habe ich eingestellt.
div.spacer {
height:3px;
background:#000000;
}
</style>
</head>
<body>
<div id="container01">
<div id="header"><img src="flash.jpg" /></div>
<div class="spacer"></div>
<div id="mainnav">###NAVIGATION###</div>
<div id="links"></div>
<div id="rechts"></div>
<div id="footer"></div>
</div>
Hi,
ich definiere einen spacer
warum denn das? Welche inhaltliche, von der derzeit gewünschten Darstellung zu 100% unabhängige Begebenheit des HTML-Dokuments rechtfertigt ein Spacer-Element?
der ie zeigt aber sicherlich 20px an.
So groß ist bei Dir die Schrift eingestellt?
was muss ich noch machen, dass der ie das auch so macht?
Erst mal das Element eliminieren. Es hat im HTML-Code nichts verloren.
<div id="header"><img src="flash.jpg" /></div>
Und validiere bitte Deine Codes.
<div id="links"></div>
<div id="rechts"></div>
Kein Validator wird Dir allerdings sagen, dass diese IDs ziemlich sinnfrei sind, sofern der Inhalt der Elemente sich nicht um Verlinkungen und um Juristereien dreht.
Cheatah
Erstmal danke für die antwort
Hi,
ich definiere einen spacer
warum denn das? Welche inhaltliche, von der derzeit gewünschten Darstellung zu 100% unabhängige Begebenheit des HTML-Dokuments rechtfertigt ein Spacer-Element?
also eigentlich will ich nur einen 3px-balken der schwarz ist darstellen. das mit der schrift hat gestummen. wenn ich die verkleinere passt sich die höhe an. wie macht das denn ein profi?
der ie zeigt aber sicherlich 20px an.
So groß ist bei Dir die Schrift eingestellt?
was muss ich noch machen, dass der ie das auch so macht?
Erst mal das Element eliminieren. Es hat im HTML-Code nichts verloren.
<div id="header"><img src="flash.jpg" /></div>
Und validiere bitte Deine Codes.
<div id="links"></div>
<div id="rechts"></div>Kein Validator wird Dir allerdings sagen, dass diese IDs ziemlich sinnfrei sind, sofern der Inhalt der Elemente sich nicht um Verlinkungen und um Juristereien dreht.
Die sind gedacht, um später inhalt einzufügen. was ist daran falsch? dargestellt wird es richtig
stefan
Cheatah
Hoi,
du kannst für den IE auch ein overflow:hidden deinem div mitgeben. Ansonsten wäre hier eigentlich ein <hr> eher angebracht.
Gruß Ben
Hallo. das hr-tag macht mir ebenfalls oben und unten einen abstand.. egal ob ich die height 3 oder 100 px mache.
hr.spacer {
color: #000000;
background-color: #000000;
height: 50px;
width: 100%;
}
stefan
Hoi,
du kannst für den IE auch ein overflow:hidden deinem div mitgeben. Ansonsten wäre hier eigentlich ein <hr> eher angebracht.
Gruß Ben
Hallo. das hr-tag macht mir ebenfalls oben und unten einen abstand.. egal ob ich die height 3 oder 100 px mache.
Nur im IE? Weil für den IE ist height == min-height. Sprich, er vergrößert das Element entsprechend, wenn du ihm nicht ein overflow:hidden mitgibst.
Gruß Ben
Hallo.
Ansonsten wäre hier eigentlich ein <hr> eher angebracht.
Das ist schon deshalb seltsam, weil dieses Element eigentlich nirgends sinnvoll einzusetzen ist.
MfG, at
hi,
also eigentlich will ich nur einen 3px-balken der schwarz ist darstellen. das mit der schrift hat gestummen. wenn ich die verkleinere passt sich die höhe an. wie macht das denn ein profi?
Der würde sich z.B. überlegen, ob er nicht border auf einem geeigneten Element verwendet.
gruß,
wahsaga
Hi,
also eigentlich will ich nur einen 3px-balken der schwarz ist darstellen. das mit der schrift hat gestummen. wenn ich die verkleinere passt sich die höhe an. wie macht das denn ein profi?
siehe wahsagas Antwort.
<div id="links"></div>
<div id="rechts"></div>
Kein Validator wird Dir allerdings sagen, dass diese IDs ziemlich sinnfrei sind, sofern der Inhalt der Elemente sich nicht um Verlinkungen und um Juristereien dreht.
Die sind gedacht, um später inhalt einzufügen. was ist daran falsch? dargestellt wird es richtig
Hältst Du es für richtig, wenn ein Element namens "links" oben und eines namens "rechts" links dargestellt wird?
Der HTML-Code hat zu exakt 100% von jedwedem Hinweis auf eine eventuell gewünschte Darstellung freigehalten zu werden. "links" kann nur dann sinnvoll sein, wenn der Inhalt(!) sich mit etwas beschäftigt, das dieser Bezeichnung genüge tut.
Cheatah
Hallo.
das [...] hat gestummen.
Oh, das klingt gut. Die Formulierung werde ich mir merken, danke.
MfG, at