Hallo,
ich bin recht neu in CSS und habe ein Problem, ich habe mir ein Container erstellt in diesen sind weitere 3 Container untereinander. 3 Container da ich Runde Ecken verwenden möchte und dies mit Bildern verwirkliche. So nun zu meinem Problem, wenn ich denn mittleren Container ohne <p> mit Text fülle past alles, sobald ich aber <p> verwende entsteht zwischen dem 2 und 3 Container eine Lücke. Wenn ich aber diesem Container einen Border verpasse geht es wiederrum auch. Habe schon nach diesen Problem in diversen Foren gesucht und leider nichts gefunden. Ich hoffe das mir hier jemand helfen kann.
Edit: im Firefox geht es, IE und opera nicht.
Code:
#content {
width:720px;
margin-left:280px;
margin-top:15px;
}
.contento {
background:url(images/img/contento.gif) no-repeat;
width:720px;
height:15px;
}
.contenti {
width:720px;
background:#FFFFFF no-repeat;
min-height:300px;
padding-left:15px;
padding-top:15px; }
.contentu {
background:url(images/img/contentu.gif) no-repeat;
width:720px;
height:15px;
}
HTML-Code:
<div id="content">
<div class="contento"></div>
<div class="contenti">
<p>geht nicht</p>
</div>
<div class="contentu"></div>
</div>
