div und Border

[wachteldonk]

Hallo,

ich habe zwei divs nebeneinander. beid emit floatleft und den einen mit einer breite von 30% und den anderen mit 70 %. Das klappt ganz gut. Sobald ich aber border mit 1 px solid black hinzufüge . brechen die frames um. die sind jetzt nicht nebeneinader , sondern untereinander.

Das scheint daran zu liegen, das die border eben 4 px zuviel braucht. wie kann ich das umgehen?

 

[Maik]

Hi,

du könntest das rechte DIV das linke umfliessen lassen:

#leftDiv {
width:30%;
border:1px solid black;
float:left;
}

#rightDiv {
margin-left:30%;
border:1px solid black;
}

<div id="leftDiv">leftDiv</div>
<div id="rightDiv">rightDiv</div>

oder den Rahmen an ein Kindelement innerhalb der beiden DIVs übergeben:

#leftDiv {
width:30%;
float:left;
}

#rightDiv {
width:70%;
float:left;
}

div.border {
border:1px solid #000;
}

<div id="leftDiv">
     <div class="border">leftDiv</div>
</div>
<div id="rightDiv">
     <div class="border">rightDiv</div>
</div>

 

[paulee]

Du könntest in dem Div, der 30% breit ist, noch einen Div eröffnen, und diesen mit einen Rahmen belegen. Das gleiche machst du mit dem Div der 70% breit ist.

Wäre ein Lösungsvorschlag