Felix Riesterer: hr in IE 7 viel höher; in IE 8 wieder anders

Beitrag lesen

Lieber fux,

hr.adminmenu { text-align:left; width:350px; height:3px; color:#D3D3D3; background-color:#D3D3D3; border: 1px solid #004080; margin:14px 0px }

welchen Sinn hat dieses text-align bei einer horizontalen Linie? Ich bin mir sicher: keinen.

Im IE 7 wird die hr um etliche Pixel höher angezeigt (vert. margin + ca. 5px)
Im IE 8 und FF nahezu gleich - bis auf ...

Prüfe, ob die entsprechenden Browser Unterschiede in ihrem Default-Stylesheet aufweisen und setze entsprechende CSS-Regeln, um diesem Umstand Rechnung zu tragen.

Gibt es eine Lösung rein in CSS um auf gleiches Aussehen in den Browsern zu kommen ohne serverseite Switches zu nehmen oder dieses IE-Konstrukt <!--[if IE]>?

Wenn das Problem nicht an unteschiedlichen Default-Stylesheets lag, dann sehe ich da keine Möglichkeit, ohne diese Conditional Comments auszukommen.

Liebe Grüße,

Felix Riesterer.

--
ie:% br:> fl:| va:) ls:[ fo:) rl:° n4:? de:> ss:| ch:? js:) mo:} zu:)