zwei <div>s nebeneinander

[Jecca]

hallo zusammen!

habe folgendes problem und hoffe, dass mir jemand helfen kann...

ich wollte gerne die tabellen auf meiner hp loswerden und diese durch div's ersetzen. leider klappt das aber nicht so, wie ich mir das vorstelle... das linke div ist auf der richtigen höhe, das rechte aber nach unten versetzt... es sieht so aus (der pfeil zeigt, wo das/der (???) div aber hin soll):

das ist der code (hab es auch mal mit clear versucht -.-)

#content
{
         position:absolute;
         width: 450px;
         left: 223px;
         top: 385px;
         text-align: justify;

}


#container

{
         width: 100%;
         clear:both;

}

#rechts
{
                width:48%;
                float:right;
                padding-left:10px;
}



#links
{
         width: 48%;

}

<div id="content">
<div id="container">
<div id="links">Positiv ..........</div>
<div id="rechts">Negativ.........</div>
</div>
</div>

kann mir von euch jemand sagen, was ich falsch mache?

 

[neuroleptika]

... das linke div ist auf der richtigen höhe, das rechte aber nach unten versetzt...

...
#rechts
{
                width:48%;
                float:right;
                padding-left:10px;
}
...

Durch float weicht der nachfolgende Inhalt dem Element aus.
Auf den darüberliegenden Inhalt hat float keinen Einfluss.

Floate #links ebenfalls (left).

Noch etwas:
#rechts ist 48% + 10px breit.
Das geht bestimmt schief.

 

[Jecca]

Durch float weicht der nachfolgende Inhalt dem Element aus.
Auf den darüberliegenden Inhalt hat float keinen Einfluss.

Floate #links ebenfalls (left).

Noch etwas:
#rechts ist 48% + 10px breit.
Das geht bestimmt schief.

hab das mir dem #links ebenfalls floaten schon versucht... klappt auch nicht...

/edit
komisch, jetzt klappt's doch ^^

und zu dem "das geht bestimmt schief"... wie soll ich das denn sonst machen? klappt aber bis jetzt so wie es soll... ^^

 

[neuroleptika]

Schreibe in #rechts ein weiteres Element ohne width, mit padding.

 

[Jecca]

versteh ich jetzt ehrlich gesagt nicht... oO

 

[neuroleptika]

In deinem Fall hat #content eine feste px-Breite.
Dann würde ich auch für die floats width in px angeben.

#rechts
{
width:216px;
float:right;
padding-left:10px;
}

#links
{
width: 216px;
float: left;
}

Das funktioniert in allen Browsern außer im IE5.x (Boxmodellfehler)

Bei unbekannten Breiten oder Breiten in % würde ich width und padding trennen:

#rechts
{
width:48%;
float:right;
}

#rechts-innen
{
padding-left: 10px;
}

<div id="rechts">
[COLOR="#8b0000"]<div id="rechts-innen">[/COLOR]
Negativ.........
[COLOR="DarkRed"]</div>[/COLOR]
</div>