✔ Frage zu IE Problem...

[deostift]

Hallo zusammen,

ich hatte schon öfters das folgende Problem im Internet Explorer:

<div id="header">
	<a href="index.php" title="zur&uuml;ck zur Startseite"><img class="logo" src="images/logo.gif" width="379" height="50" alt="LOGO" /></a>
	<h1 class="displayNone">LOGO</h1>
</div><!-- #header end -->
<div id="navigation">

Und zwar wenn ich das H1 Tag in der nächsten Zeile schreibe macht mir der IE einen kleinen Abstand von 3-4 Pixel zwischen der Link-Grafik und dem nachfolgenden Navigations-DIV. Wenn ich den Zeilenumbruch weg lasse:

<div id="header">
	<a href="index.php" title="zur&uuml;ck zur Startseite"><img class="logo" src="images/logo.gif" width="379" height="50" alt="LOGO" /></a><h1 class="displayNone">LOGO</h1>
</div><!-- #header end -->
<div id="navigation">>

passt es ...Der IE scheint hier irgendwie was falsch zu interpretieren. Das Problem hatte ich auch schon bei ul/li Listen ... dort musste ich die ganzen Listenelemente in eine Zeile schreiben, damit es keine Lücken im IE gibt.

Wollte mal nachfragen, ob man mit diesem Problem leben muss oder ob ich was falsch mache...

Grüße, Deo

Hier noch der CSS Code für diese Stellen ...

#header {
    background-image:url(../images/bgHeader.gif);
	background-repeat:repeat-x;
	height:50px;
	width:100%;
}

#header img.logo {
	margin-left:20px;
}

.displayNone {
	display:none;
}

#navigation {
	background-image:url(../images/bgNavigation.gif);
	background-repeat:repeat-x;
	height:36px;
	width:100%;
}

#navigation ul {	
	float:right;
	text-align:center;
	margin:0;
	padding:0;
	margin-right:20px;
	list-style-image: none;
    list-style-type: none;
}

#navigation ul li {
	float:left;
	margin:0;
	padding:0;
}

#navigation ul li a {
	display:block;
	width:100px;
	height:30px;
	background-color:silver;
	font-size:14px;
	line-height:30px;
	color:#000000;
}

 

[Maik]

Probier's mal mit folgender CSS-Regel:

a img {
display: block;
}

Der Thread wird ins CSS-Board verschoben.

 

[deostift]

Danke, passt