[css]dwa divy obok siebie Opcje

[benusso]

Witam

Mam taka konstrukcje strony

[HTML] pobierz, plaintext 
 
<div id="kontener">
 
        <div id="top">
 
        </div>
 
        <div id="menu">
        menu
        </div>
 
        <div id="glowna">
        <br><img src="zdjecie.jpg" style="border-width: 8px; border-color: white; border-style: solid;">
                <div id="tresc_ramka">
                        <div id="tresc"><br><br>
                        <h1>Suknie ślubne</h1>
                        <img src="linia_pozioma.jpg">
                        <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at est at sapien eleifend feugiat. In ullamcorper, dolor imperdiet viverra egestas, nulla magna euismod turpis, a luctus ligula neque vitae metus. Mauris vitae lobortis arcu. Phasellus sit amet turpis in erat varius tempus ac vitae diam.
                        </p>
                        <p>
                        Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec at est at sapien eleifend feugiat. In ullamcorper, dolor imperdiet viverra egestas, nulla magna euismod turpis, a luctus ligula neque vitae metus. Mauris vitae lobortis arcu. Phasellus sit amet turpis in erat varius tempus ac vitae diam.
                        </p>
                        </div>
                        <div id="tresc_prawa">
                        prawa<br>prawa<br>prawa<br>prawa<br>prawa<br>prawa<br>
                        </div>
                </div>
        </div>
<br>
</div>
 
[HTML] pobierz, plaintext 

i chciałbym aby divy o id "tresc" i "tresc_prawa" były wyświetlone obok siebie, próbuje zmieniam floaty i nic, nie wiem problem w tym chyba ze są one zagnieżdżone w innych divach, jeżeli chodzi o css to wygląda tak

[HTML] pobierz, plaintext 
body{
background: url(tlo2.jpg);
padding:0px;
margin:0px;
}
 
#kontener{
width: 1000px;
border-width: 8px;
border-color: white;
border-left-style: solid;
border-right-style: solid;
margin:0px;
padding:0px;
}
 
#top{
background: url(top.jpg);
width: 1000px;
height: 155px;
margin:0px;
padding:0px;
}
 
#menu{
background: url(menu.jpg);
padding:15px;
margin:0px;
}
 
#glowna{
background: url(tlo.jpg);
width: 1000px;
}
 
#tresc_ramka{
background: url(tlo2.jpg);
width: 950px;
border-width: 8px;
border-color: white;
border-style: solid;
padding:0px;
margin:0px;
}
 
#tresc{
background: url(tlo_tresc.jpg) no-repeat;
width: 500px;
padding: 0px;
margin: 0px;
text-align: left;
 
border-width: 1px;
border-color: red;
border-style: solid;
 
float:left;
}
 
#tresc_prawa{
width: 100px;
padding: 0px;
margin: 0px;
 
border-width: 1px;
border-color: red;
border-style: solid;
}
 
h1{
margin-top: 5px;
margin-bottom: 5px;
}
[HTML] pobierz, plaintext 

Proszę o pomoc i rady.

[webspy]

dodaj float:left; w id #tresc

[Pawel_W]

dodaj float:left; w id #tresc

chyba #tresc_prawa, w #tresc juz jest...