thonsen
New member
Hallo,
ich erstelle gerade eine Website mit einem reinen CSS Layout.
Wenn ich in irgendeinen DIV Container ein Bild einfüge, macht der Internet Explorer einen Rand von ungefähr 2-3 px darunter.
In allen anderen Browsern wird es normal dargestellt.
In diesem Fall geht es um die Grafik im Kopfbereich ( ID=header) - unter dieser Grafik sieht man noch einmal einen orangenen Strich den es eigentlich gar nicht geben dürfte.
Hier könnt Ihr euch es mal anschauen: Forum
Gebe Euch hier auch noch einen Einblick in die html.Datei und die CSS.datei.
Ich bin euch für jede Hilfe dankbar !!!
*************** CSS **************************
************************** index.html *********************************
DANKE im voraus !!
ich erstelle gerade eine Website mit einem reinen CSS Layout.
Wenn ich in irgendeinen DIV Container ein Bild einfüge, macht der Internet Explorer einen Rand von ungefähr 2-3 px darunter.
In allen anderen Browsern wird es normal dargestellt.
In diesem Fall geht es um die Grafik im Kopfbereich ( ID=header) - unter dieser Grafik sieht man noch einmal einen orangenen Strich den es eigentlich gar nicht geben dürfte.
Hier könnt Ihr euch es mal anschauen: Forum
Gebe Euch hier auch noch einen Einblick in die html.Datei und die CSS.datei.
Ich bin euch für jede Hilfe dankbar !!!
*************** CSS **************************
Code:
body {width:98%;
margin-top:0em;
margin-left:1%;
margin-right:1%;
font-family:verdana;
background-color:#efefef;
}
#body {float:left;
background-color:#dcb453;
width:100%;
margin:0;
margin-top:0.5%;
border:2px solid black;
}
#header {width:100%;
height:100px;
margin:0;
padding:0;
text-align:left;
float:left;
border-bottom:1px solid black;
background-image: url(../images/bgoben.gif);
}
#clear {clear:both;}
#navlinks {float:right;
margin:0;
margin-top:1em;
padding:0;
width:20%;
background-color:#ef820d;
border-left:1px solid black;
border-bottom:1px solid black;
border-top:1px solid black;
}
#subleiste {margin:0;
padding-top:0.2em;
width:100%;
float:left;
background-color:#de3103;
border-bottom:3px double black;
}
input {margin-top:0.2em;
}
#spalte_links {width:25%;
margin-top:0em;
float:left;
background-color:#c68d05;
}
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>[url]www.loveandemotions.com[/url] - - - Die Flirtseite im Internet</title>
<link rel="stylesheet" href="css/layout.css">
<link rel="stylesheet" href="css/navi.css">
<link rel="stylesheet" href="css/text.css">
</head>
<body>
<div id="body">
<div id="header">
<img src="images/2.gif" width="750" height="100" alt="" border="0">
</div>
<div id="clear"> <!-- Zeilenumbruch -->
</div>
<div id="nav_oben"> <!-- Beginn der Hauptnavigation -->
<ul class="ul">
<li class="li">
<a href="sites/index.html">Startseite</a>
</li>
<li class="li">
<a href="sites/suche.html">Partnersuche</a>
</li>
<li class="li">
<a href="sites/seitensprung.html">Seitensprung</a>
</li>
<li class="li">
<a href="sites/forum.html">Forum</a>
</li>
<li class="li">
<a href="sites/chat.html">Chat</a>
</li>
<li class="li">
<a href="sites/shop.html">Shop</a>
</li>
<li class="li">
<a href="sites/anmeldung.html">Anmeldung</a>
</li>
<li class="li">
<a href="sites/infos.html">Infos / Preise</a>
</li>
<li class="li">
<a href="sites/impressum.html">AGB / Impressum</a>
</li>
</ul>
</div>
<div id="clear">
</div>
<div id="spalte_links">
</div>
<div id="navlinks">
<div id="subleiste">
<h1>» Übersicht & Login «</h1>
</div>
<div id="login">
<form>
Benutzername:<br><input type="text" name="benutzer"><br>
Passwort:<br><input type="password" name="passwort" value="Passwort"><br>
<input type="submit" value="Einloggen">
</form>
</div>
</div>
</div>
</body>
</html>
Zuletzt bearbeitet von einem Moderator: