✔ IE6 - Mein lieber alter Freund

Status
Nicht offen für weitere Antworten.
T

timo1992

Mitglied
Hallo,
Ich habe mal wieder ein Problem mit meinem besten Kumpel, dem InternetExplorer.
Die Seite funktioniert einwandfrei, jedoch bekomme ich im IE6 mal wieder ein paar Lücken.
Oberhalb und unterhalb ist der 3px gap und der untere Teil ist ganz unten links.
Naja, schaut selbst, hier der HTML+CSS Code und der Link:

HTML:
HTML: 
<div id="navi">
	<div class="datum">
	</div>
	<div class="navi">
		<ul>
			<li><a href="index.html"><img src="img/navi_home.gif" alt="Home" title="Home" /></a></li>
			<li><a href="gallery.html"><img src="img/navi_gallery.gif" alt="Gallery" title="Gallery" /></a></li>
			<li><a href="downloads.html"><img src="img/navi_downloads.gif" alt="Downloads" title="Downloads" /></a></li>
			<li><a href="contact.html"><img src="img/navi_contact.gif" alt="Contact" title="Contact" /></a></li>
			
			<li><img src="img/navi_right.gif" alt="" /></li>
		</ul>
	</div>
</div>
</html>

CSS:
Code: 
#navi {
float: left;
width: 745px;
height: 35px;
}

.datum {
float: left;
background: url(img/navi_left.gif) no-repeat;
width: 166px;
height: 35px;
}

.navi ul {
list-style: none;
}

.navi li{
float: left;
}

Link:
http://free-coding.bplaced.net/figo1991


Timo
 
Falls du den IE7 noch nicht drauf hast hol dir die IE Developer Toolbar
Ist nicht so gut wie Firebug, aber dafür IE Support.

Hab grad nur den IE6 drauf, kann nix installieren und ausm Stehgreif sonst nichts erkennen sry
Evtl fehlt dir aber nur ein float-killer a la <br clear="both">
 
Hi,

einen 3px-Gap gibt's nur auf der horizontalen Achse und nur innerhalb einer Floatumgebung.

Die vertikalen Lücken sollten sich schliessen, wenn die Grafikelemente "Block-Level-Charakteristika" erhalten.

mfg Maik
 
Ich habe extra den alten IE drauf, denn wenn damit eine Website geht, t die meist auch mit allen anderen.
Danke für den Tipp, hat aber auch nicht funktioniert.
Weiß noch jemand was?
Wo bleibt Maik? :D:D:)

Edit: Schon zur Stelle, wenn man ihn braucht, meinste display:block
 
Nicht nur, denn auch eine float-Deklaration verleiht dem Inline-Element besagte Eigenschaft.

mfg Maik
 
Aber z.B. nicht explizit die img-Elemente innerhalb der Navigation.

Und vermeide hier bitte die Chatsprache "f-u-n-z-t" anstelle von "funktionieren", da diese vom Forensystem herausgefiltert wird, und der Stümmel "t" übrig bleibt.

mfg Maik
 
Doch, da fängt ja der Content an und das letzte Element in der Liste ist ja das Stück rechts, aber das muss man ja nicht extra floaten, da es ja noch zur ul dazugrhört.
 
Das frägst du mich? :rolleyes:

Zweimal in die Hände spucken, und dann im IE6 ordentlich debuggen.

Code: 
#bottom {
float:left;
margin-right:0 !important;
margin-right:-3px;
}

#left img {
float:left;
}

#right img {
display:block;
}

#navi {
float: left;
width: 745px;
height: 35px;
overflow:hidden;
}
mfg Maik
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück