Mam taka konstrukcje strony
<div id="kontener"> <div id="top"> </div> <div id="menu"> menu </div> <div id="glowna"> <div id="tresc_ramka"> <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"> </div> </div> </div> <br> </div>
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
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; }
Proszę o pomoc i rady.