Flex
Senior Moderator
Ich habe zei DIV-Elemente untereinander eingefügt und wollte, dass die ohne Abstand dargestellt werden. Beim Firefox klappte es auch, aber im Internet Explorer ist immer ein ca. 5 Px Abstand zwischen den beiden Elementen. Jetzt hab ich schon einiges über so eine Problematik gelesen, aber ich bekomms nicht hin.
Kann mir jemand helfen, wie ich die beiden DIVs auch im IE ohne Abstand darstellen kann?
und hier die CSS-Datei
Zwischen dem DIV "kopf" und "navigation" ist immer der blöde Abstand im IE!!
Kann mir jemand helfen, wie ich die beiden DIVs auch im IE ohne Abstand darstellen kann?
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=utf-8" />
<title>Testseite</title>
<link href="css/site.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="kopf">
<h1>TestseiteCSU</h1>
</div>
<div id="navigation">
<ul>
<li><a href="home.html">Start</a></li>
<li><a href="aktuelles.html">Aktuelles</a></li>
<li><a href="person.html">Zur Person</a></li>
<li><a href="schwerpunkte.html">Schwerpunkte</a></li>
<li><a href="termine.html">Termine</a></li>
<li><a href="galerie.html">Galerie</a></li>
<li><a href="links.html">Links</a></li>
<li><a href="kontakt.html">Kontakt</a></li>
</ul>
</div>
<div id="maintext">
<h2>Überschrift</h2>
<p>Ut aliquip ex ea commodo consequat. Velit esse cillum dolore consectetur adipisicing elit, sed do eiusmod tempor incididunt. Quis nostrud exercitation cupidatat non proident, lorem ipsum dolor sit amet. Ut enim ad minim veniam, velit esse cillum dolore ut aliquip ex ea commodo consequat.</p>
</div>
<div id="fuss">
<p>Raum für den Inhalt von id "fuss"</p>
</div>
</div>
</body>
</html>
und hier die CSS-Datei
HTML:
* {
margin: 0;
padding: 0;
}
body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
line-height: 120%;
text-align: center;
}
#container {
width: 800px;
margin: 0 auto;
text-align: left;
height: 600px;
}
#maintext {
}
#fuss {
}
#kopf {
background-image: url(../images/banner.jpg);
background-repeat: no-repeat;
background-position: bottom;
height: 155px;
}
#kopf h1 {
margin-left: -1500px;
}
#navigation {
background-image: url(../images/navibalken.gif);
background-repeat: repeat-x;
height: 26px;
padding-left: 30px;
color: #0988d0;
background-position: 0 0px;
}
#navigation ul {
list-style-type: none;
}
#navigation li {
display: inline;
font-size: 12px;
line-height: 26px;
}
#navigation a {
padding-right: 15px;
padding-left: 15px;
text-decoration: none;
color: #CCCCCC;
float: left;
}
#navigation a:hover {
color: #FFFFFF;
text-decoration: none;
background-image: url(../images/navibalken.gif);
background-repeat: no-repeat;
background-position: 0px -26px;
}
Zwischen dem DIV "kopf" und "navigation" ist immer der blöde Abstand im IE!!