Komische Spalte im IE ???

html.de-Forum HTML, XHTML & CSS
1

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

[CODE]

Test 
   <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>
[/CODE]CSS Datei

[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;
}

[/CODE]
Danke für euere Hilfe ich hoffe das reicht euch um mir zu helfen

2

Hi,

die Struktur ist schon nicht gut.

Mach das mal besser so wie hier beschrieben. :wink: