Mam prośbe, otóż potrzebuje rady w pozycjonowaniu DIV'ów w
głównym DIV'ie.
Sprawa wygląda tak. Mam głównego div'a który będzie mieścił w sobie 4 inne (oznaczone kolorami na grafice powyżej). Divy oznaczone kolorem
żółtym nie będą zawierać żadnej treści tylko mają służyć do wyznaczania odległości pomiędzy krawędziami a dwoma środkowymi div'ami. Kolorem
zielonym został oznaczony sidebar a białym główna treść strony. Problem polega na tym, że nie mam pojęcia jak ułożyć te 4 div'y poziomo w linii względem siebie, ponieważ każdy wyświetla mi się jeden pod drugim. Może coś przekombinowałem z tymi selektorami
float?
Oto CSS:
#wrapper {
background-image: url(...);
background-repeat:repeat-y;
width: 1028px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
top: 870px;}
#wrapper-top {
width: 1028px;
height: 62px;
background-image: url(...);}
#wrapper-bottom {
width: 1028px;
height: 56px;
background-image: url(...);}
#left {
width: 39px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
#sidebar {
width: 350px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
#content {
width: 600px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
#right {
width: 39px;
background: transparent;
float: left;
overflow: hidden;
display:inline;}
A tak wygląda kod w pliku header.php
<div id="wrapper">
<div id="wrapper-top"></div>
<div id="left"></div>
<div id="sidebar"></div>
<div id="content"></div>
<div id="right"></div>
<div id="wrapper-bottom"></div>
</div>
Ponadto DIV #content nie wyświetla mi się w głównym DIV'ie #wrapper, tylko na dole. Nie wiem czym to jest spowodowane. Nie widzę abym pominął jakiś znacznik. Proszę o pomoc. Może nie należy zamykać DIV'a?