✔ IE: div 1px höhe

[campari]

Moin,

ist es möglich ein div für ie zu definieren, dass 1px höhe hat?

.div
{
	padding:0px;
	margin:0px;
	width:100px;
	height:1px;
	background-image:url(bild/ein_px.gif);
	background-repeat: repeat-x;
}

Hab noch mit Anweisung 'font-size:1px' versucht, dann erhält das div immerhin eine Höhe von 2 Pixel. Aber 1px und IE, verlange ich da zuviel?

Chers

 

[Maik]

Hi,

probier es mal unter Hinzunahme der overflow:hidden-Eigenschaft.

 

[campari]

Funktioniert wunderbar.

Aber ergibt das Sinn?

Overflow weist an, wie mit Inhalt umzugehen ist, der grösser als in dem Fall das div ist.
Die referenzierte Grafik ist exakt 1px hoch. Zudem ist die Höhe des div's mit 1px definiert.
Zudem: warum hat IE bei width keine Probleme. Würde doch Sinn machen...

Chers

 

[Maik]

Es liegt daran, dass der IE in den Elementen eine gewisse Zeilenhöhe (10-12px) für Text reserviert, auch wenn keiner enthalten ist, und da die Elementhöhe "nur" einen Pixel betragen soll, wird ihm mit overflow:hidden mitgeteilt, wie er mit dem "übergroßen" Inhalt umzugehen hat.

Aber was ergibt im IE schon einen Sinn?