ausrichtig mit float

maulepan

Hab nen problem... gugs euch einfach mal an.

Das gelbe sind diese Div´s

Code

.arbeit
{
    float: left;
    padding: 5px 1% 15px 1%;
    width: 73%;
    border: solid 1px #BABABA;
    margin: 10px 0.5% 20px 0.5%;
    -moz-border-radius: 10px;
    background: yellow;
}

Das rote und Blaue diese.

Code

#sidebar
{
    float: right;
    width: 22%;
    margin: 10px 0.5% 20px 0.5%;
    background: red;
}
.sidebar_element
{
    float: right;
    padding: 0px 2% 15px 2%;
    width: 96%;
    border: solid 1px #BABABA;
    margin: 0px 0.5% 20px 0.5%;
    -moz-border-radius: 10px;
    background: blue;
}

Alles anzeigen

Solange ich nur einen Gelben div hab geht alles seinen gang.
Leider richtet sich meine sidebar bei mehreren gelben div´s immer nach dem untersten aus. Warum?

sejuma

Wenn du .arbeit mehrmals nebeneinander verwendest, dann ist die Gesamtbreite ja größer als 100%. Eine Box hat ja inklusive padding beretis mehr als 73%.
Also suchen sich die weiteren Boxen ihren Platz unterhalb.
Google mal nach "CSS-Boxmodell".

maulepan

man bin ich bescheuert.... hab vergessen das bild anzuhängen.
<a class="postlink" href="http://wishuload.de/images/1260201811-13356-problem.jpg">http://wishuload.de/images/1260201811-13356-problem.jpg</a>

Ähm sejuma... soweit ich weiss brauch ich mit darüber wohl keine gedanken machen.

73% + 1% + 1% + 22% + 0.5% + 0,5% = 98%

bleiben noch 2% über für border und den abstand dazischen. Müsste also hinhauen. h

PS: habs jetzt aber selber hinbekommen

Jetzt mitmachen!