✔ Abstand im IE

N

nimenn

Mitglied
Hallo,

im IE 8 taucht bei mir ein Abstand auf, den ich mir nicht erklären kann,
vielleicht kann mir jemand kurz weiterhelfen.
Der Abstand erscheint zwischen der orangenen Linie und dem roten Block.

Hier die URL:
http://test.menninger.org/test/

Das Ganze ist eine Vorüberlegung zu folgendem:
Ich möchte eine kleine Webseite mit der festen, zentrierten Breite von 860px.
Falls der Nutzer über eine höhere Auflösung verfügt würde ich gerne links und
rechts etwas "Deko" anzeigen.

Herzlichen Dank für euer Feedback
Nils

Hier der HTML Code:
HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title></title>
		<link rel=stylesheet href="css/test.css" type="text/css">
	</head>
	<body>
		<div class="head">&nbsp;
		</div>
		<div class="line1">&nbsp;
		</div>
		<div class="menu">&nbsp;
		</div>
	</body>
</html>

Hier der CSS Code
Code: 
*{
		outline:none;
		margin:0px;
		padding:0px;
		font-family: Arial,no-serif;
}

body{
		background-color:#CFDEED;
		text-align:center;
}

div.head{
		background-color:#000DFF;
		height:78px;
		margin:0 auto;
		width:860px;
}

div.line1 {
		border-bottom-color:#EF8716;
		border-bottom-style:solid;
		border-bottom-width:2px;
		border-top-color:#EF8716;
		border-top-style:solid;
		border-top-width:2px;
		line-height:0px; 
		margin:0 auto;
		padding:0px;
		width:100%;
}

div.menu {
		background-color:red;
		margin:0 auto;
		padding:0px;
		width:860px;
}
 
Mit dem DOCTYPE springt IE auf Quirks-Mode um.
Wenn du einen anderen verwenden kannst / möchtests dann diesen:
HTML: 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">

Wenn du unbedingt bei 4.01 Transitional bleiben willst dann hänge dies im Doctype noch an (nach einem Leerzeichen):
Code: 
"http://www.w3.org/TR/html4/loose.dtd"
 
Zuletzt bearbeitet:
Hi,
nimenn hat gesagt.:
im IE 8 taucht bei mir ein Abstand auf, den ich mir nicht erklären kann,
vielleicht kann mir jemand kurz weiterhelfen.
Der Abstand erscheint zwischen der orangenen Linie und dem roten Block.
Zum Vergrößern anklicken....
ZodiacXP hat gesagt.:
Mit dem DOCTYPE springt IE auf Quirks-Mode um.
Zum Vergrößern anklicken....
nimenn hat gesagt.:
Honk und Danke. Darauf bin ich nun wirklich nicht gekommen
Zum Vergrößern anklicken....
falls hier die Familienmitglieder IE6 und IE7 berücksichtigt werden, ist es mit dem Switch in den standardkonformen Darstellungsmodi nicht getan, da sie weiterhin in dem Element diesen Platzhalter reservieren.

CSS: 
div.line1 {
                border-bottom-color:#EF8716;
                border-bottom-style:solid;
                border-bottom-width:2px;
                border-top-color:#EF8716;
                border-top-style:solid;
                border-top-width:2px;
                line-height:0px;
                margin:0 auto;
                padding:0px;
                width:100%;
                font-size:0; /* Schriftgröße auf null setzen */
}


http://test.menninger.org/test/css/test.css hat gesagt.:
CSS: 
 font-family: Arial,no-serif;
Zum Vergrößern anklicken....
Du meinst hier den Eigenschaftswert "sans-serif" für eine serifenlose Schriftfamilie (sans = französisch für ohne), denn "no-serif" existiert für font-family in der CSS-Spezifikation überhaupt nicht.

mfg Maik
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück