✔ Float right

[zerix]

Hallo,

Ich habe meinen Header wie folgt definiert.

<div class="Header">

<h1></h1>
<h2></h2>

</div>

div.Header h2 {
	background-image: url("header-middle.png");
	background-repeat: repeat-x;
	height: 110px;
	
	margin: 0;
}

div.Header h1 {
	
	float: right;
	background: url("header-blue.png");
	background-repeat: no-repeat;
	height: 110px;
	width: 505px;
	margin: 0px;
}

Im IE6 hab ich allerdings einen Freiraum zwischen den Images (siehe Anhang). Kann man das irgendwie ändern oder sollte ich das ganze anders lösen?

MFG

Sascha

 

[Maik]

Hi,

hier macht sich der "3px-Gap-Bug" bemerkbar, dem folgendermaßen begegnet wird:

div.Header h1 {

        float: right;
        background: url("header-blue.png") no-repeat;
        height: 110px;
        width: 505px;
        margin-left: 0px !important;
        margin-left: -3px;
}

 

[zerix]

Danke dir.

MFG

Sascha