Hallo ich bin Anfänger und versuche mir einiges beizubringen, ich möchte gerne eine BOX erstellen die eine feste Breite und eine Variable Höhe hat. Im Firefox wie im Opera geht das wunderbar, ich habe nur das Problem, das im IE eine kleine lücke zwischen den oberen und mittleren DIV Containern ist. Ich habe schon alles probiert und bekomme diese einfach nicht weg.
Habe die kleine Site mal eben hochgeladen auf http://cs-webdesigner.de
um euch selbst ein überblich zu verschaffen.
Original Quelltext HTML
CSS Datei
Danke für euere Hilfe ich hoffe das reicht euch um mir zu helfen
Habe die kleine Site mal eben hochgeladen auf http://cs-webdesigner.de
um euch selbst ein überblich zu verschaffen.
Original Quelltext HTML
Code:
<!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>Test</title>
<link href="stylsheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box-oben"></div>
<div id="box-mitte">
<h1>test</h1>
<p>Zeile 1</p>
<p>Zeile2 </p>
</div>
<div id="box-unten"></div>
</body>
</html>
Code:
* {
margin:0px;
padding:0px;
}
#box-oben{
width:279px;
background-image: url(img/box-oben.png);
height:15px;
background-repeat:no-repeat;
}
#box-unten{
width:279px;
background-image: url(img/box-unten.png);
height:15px;
background-repeat:no-repeat;
}
#box-mitte{
width:279px;
text-align:center;
background-image: url(img/box-mitte.png);
background-repeat: repeat-y;
}