IE 6 verschiebt Text neben Float
GerdB
- css
Hallo,
ich habe gerade ein merkwürdiges Darstellungsproblem beim IE 6 gefunden, dem ich einfach nicht beikomme. Es handelt sich um eine gefloatete Menuleiste, die den Text im danebenstehenden Hauptbereich um ca. 2px nach rechts schiebt. Ich lege mal den Quelltext bei, damit läßt sich das Problem am einfachsten reproduzieren. Ich habe schon bei positioniseverything nachgesucht, aber nichts gefunden. Ist das ein Bug? Was kann ich dagegen unternehmen?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de">
<head>
<title>IE</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<style type="text/css">
<!--
body {
font-family: verdana;
font-size: 80%;
}
#content {
padding: 0;
border: 1px solid #FF0;
}
#leftcol {
float: left;
width: 190px;
margin: 0;
padding: 0;
border: 1px solid #F00;
}
#centercol {
margin: 0;
margin-left: 200px;
margin-right: 280px;
padding: 0;
border: 1px solid #069;
}
-->
</style>
</head>
<body>
<div id="content">
<div id="leftcol">
<ul>
<li id="current">
<span>Home</span>
</li>
<li>
<a href="#">Vermarkter</a>
</li>
<li>
<a href="#">Anmeldung</a>
</li>
<li>
<a href="#">Programm</a>
</li>
<li>
<a href="#">Anreise</a>
</li>
<li>
<a href="#">Presse</a>
</li>
</ul>
</div><!-- /leftcol -->
<div id="centercol">
<p>
Perhaps a re-engineering of your current world view will re-energize your online nomenclature to enable a new holistic interactive enterprise internet communication solution.
</p>
<p>
Upscaling the resurgent networking exchange solutions, achieving a breakaway systemic electronic data interchange system synchronization, thereby exploiting technical environments for mission critical broad based capacity constrained systems.
</p>
<p>
Fundamentally transforming well designed actionable information whose semantic content is virtually null.
</p>
<p>
To more fully clarify the current exchange, a few aggregate issues will require addressing to facilitate this distributed communication venue.
</p>
</div><!-- /centercol -->
</div><!-- /content -->
</body>
</html>
Hallo,
Ja, hört sich nach dem 3 Pixel Text-Jog / 3 Pixel-Bug an. Oder hast Du nach dem schon bei positioniseverything geschaut?
Hello out there!
[...] die den Text im danebenstehenden Hauptbereich um ca. 2px nach rechts schiebt.
Oder sind’s gar drei? ...
Ich habe schon bei positioniseverything nachgesucht,
... dann sollte sich dort was finden lassen.
See ya up the road,
Gunnar