float:right abstand

Status
Nicht offen für weitere Antworten.

kevkev

Erfahrenes Mitglied
Hi,

Der Code:
CSS:
Code:
body {
	font: 10px verdana;
	margin:0px;
	color:black;
}

#box {
	position:absolute;
	height:550px;
	width:800px;
	top:10px;	
	left:50px;
	border: 1px solid black;
}

#head {
	float:left;
	height:100px;
	width:800px;	
	background-color:red;
}

#navi {
	float:left;
	width:148px;
	height:400px;
	background-color:green;
}

#navi_2 {
	float:right;
	width:650px;
	height:25px;
	background-color:blue;
}

#navi_3 {
	float:right;
	width:300px;
	height:20px;
	background-color:yellow;
}

#iframe {
	float:right;
	width:650px;
	height:355px;
	background-color:lightgreen;
}

#bottom {	
	float:left;
	width:800px;
	height:50px;
	background-color:red;
}

HTML:
Code:
<html>
<head>
<link rel=stylesheet type="text/css" href="stylesheet.css">
</head>
<body>

<div id="box">
	<div id="head"></div>
	<div id="navi"></div>
	<div id="navi_2"></div>
	<div id="navi_3"></div>
	<div id="iframe"></div>
	<div id="bottom"></div>
</div>

</body>
</html>

Schaut auch die Seite mal im FF und im IE an.
Im IE ist ein ganz kleiner Abstand (~2-3px) rechts vorhanden.

Ist der durch float:right hergekommen? Und Wie bekomme ich den wieder weg

gruß kevin
 
Versuch mal bei allen Elementen, bei denen du float verwendet hast zusätzlich padding:0 oder margin:0 einzutragen, weiß nicht genau welcher der beiden, ich schätze margin. Dann müsste es klappen.
 
Status
Nicht offen für weitere Antworten.
Zurück