[CSS & IE] Die Sache mit den 3 Pixeln

_julius

_julius

Aktives Mitglied
Thread Starter
Dabei seit
11.10.2004
Beiträge
724
Reaktionspunkte
0
Hey Leute,

hab hier einem Kunden eine Internetseite gemacht und im WIN-IE werden unter dem Menü 3 freie Pixelzeilen angezeigt, im Firefox ist alles tutti! Hab schon die ein oder andere Beschreibung zu diesem Problem im Englisch gelesen, konnten mich aber nicht weiterbringen. Hat jemand eine Idee? Zu finden ist die Seite hier:

www.julius.stereopoly.de/test/
 
Alle Umbrüche rausmachen, dann stellt es auch der IE ohne Probleme dar.

<div> ist übrigens nicht das geeignete Element für Listen!

Matt
 
@1. ich sehe keinerlei umbrüche, meinst du < /br> ? Hab ich im Menü doch nicht!

@2. du meinst die divs für die einzelnen elemente? gibts alternativen?
 
_julius schrieb:
@1. ich sehe keinerlei umbrüche, meinst du < /br> ? Hab ich im Menü doch nicht!
Zum Vergrößern anklicken....

Ich rede von Umbrüchen im Quelltext.

@2. du meinst die divs für die einzelnen elemente? gibts alternativen?
Zum Vergrößern anklicken....

Natürlich gibt es Alternativen. <ul> und <li> sind die Mittel der Wahl für Navigationen.

Matt
 
wie sie sehen sehen sie nichts, nichts geschieht! hab alle bereiche dem absatz beraubt dennoch sind dort die drei pixel zu sehen :(
 
Ich bin mir nicht sicher, aber ich glaube der IE kommt mit den CSS Befehlen -right - left etc nicht klar. Versuch die mal zu umgehen oder scheiss auf den IE (und überzeug deinen Kunden ;) )

z.B.
border-bottom:1px;
border-left:1px;
border-right:1px;
border-top:0px;
Zum Vergrößern anklicken....

Der IE kann nur gaaaaannnz simples CSS1. Ich hatte damals auch probleme mit dem -left etc
 
* html #deindiv {
margin-top: -3px;
}

Sollte dein Problem lösen. Hat nichts damit zu tun, dass du was falsch gemacht hast. Das ist ein Bug im Internet Explorer. * html erkennt nur der IE, sodass das div in diesem so 3 pixel nach oben geschoben wird.

Grüße Markus
 
HTML: 
#menu {
	background-image:url(images/menu.jpg);
	background-attachment:scroll;
	background-repeat:repeat-x;
	height:1%;
	border-bottom:1px;
	border-left:0px;
	border-right:0px;
	border-top:1px;
	border-style:solid;
	border-color:#999999;
	}

Problem ist, wenn ich vor das "#menu" jetzt ein *HTML schreibe wendet er doch ALLES NUR auf den IE an oder? außerdem hab ich eben spaßeshalber das margin und das *html eingefügt und geschehen ist nichts :(
 
Einfach dahinter noch

* html #menu {
margin-top: -3px;
}

Wo genau ist der Space? Ich hab grade keinen IE hier zur Hand, dass ich das sehen kann. Wenn das über dem #menu-Div ist, dann wäre o.g. richtig. Ansonsten musst du das div nehmen, was unter dem #menu-Div liegt....

Du musst übrigens ein Space nach dem * machen...

Grüße Markus
 
_julius schrieb:
wie sie sehen sehen sie nichts, nichts geschieht! hab alle bereiche dem absatz beraubt dennoch sind dort die drei pixel zu sehen :(
Zum Vergrößern anklicken....

Dein Online-Beispiel hast du ja offensichtlich noch nicht umgearbeitet.

Konsequent alle Umbrüche entfernt

HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Willkommen!</title>
<link href="http://www.julius.stereopoly.de/test/design.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div align="center">
		<div id="mainframe">
			<div id="header"></div>
				<div id="menu"><div class="menulinks"><a href="#"><img src="http://www.julius.stereopoly.de/test/images/menuitems/impressum.jpg" alt="home" width="85" height="19" border="0" /></a></div><div class="menurechts"><a href="#"><img src="http://www.julius.stereopoly.de/test/images/menuitems/home.jpg" alt="home" width="60" height="19" border="0"/></a><img src="http://www.julius.stereopoly.de/test/images/trenner.jpg" alt="trenner" /><a href="#"><img src="http://www.julius.stereopoly.de/test/images/menuitems/anfahrt.jpg" alt="anfahrt" width="60" height="19" border="0"/></a><img src="http://www.julius.stereopoly.de/test/images/trenner.jpg" alt="trenner" /><a href="#"><img src="http://www.julius.stereopoly.de/test/images/menuitems/kontakt.jpg" alt="kontakt" width="60" height="19" border="0"/></a><img src="http://www.julius.stereopoly.de/test/images/trenner.jpg" alt="trenner" /><a href="#"><img src="http://www.julius.stereopoly.de/test/images/menuitems/infos.jpg" alt="infos" width="60" height="19" border="0"/></a><img src="http://www.julius.stereopoly.de/test/images/trenner.jpg" alt="trenner" /><a href="#"><img src="http://www.julius.stereopoly.de/test/images/menuitems/wohnung.jpg" alt="wohnung" width="70" height="19" border="0"/></a><img src="http://www.julius.stereopoly.de/test/images/trenner.jpg" alt="trenner" /><a href="#"><img src="http://www.julius.stereopoly.de/test/images/menuitems/ruegen.jpg" alt="r¸gen" width="70" height="19" border="0"/></a></div></div><div id="firstline"></div><div id="content"></div>
		</div>
	</div>
</div>

</body>
</html>

stellt der IE das ohne den 3px-Rand dar (siehe Anhang).

Matt
 

Anhänge

  • shot.jpg
    shot.jpg
    49,9 KB · Aufrufe: 56
ich danke, da hab ich einen absat vergessen zu schließen, ich danke euch, ihr seid dufte :D
 
Du musst dich einloggen oder registrieren, um hier zu antworten.
Zurück
Oben Unten