5 lag (div) ved siden af hinanden, i midten af siden
Jeg er ved at lave en siden i Joomla, og har et problem med at få lavet min templete, da jeg ikke kan få centreret de lag hvor indholdet skal være i.Jeg har lavet følgende lag:
div#header {
width : 900px;
height : 115px;
border-right : 1px solid #808080;
border-left : 1px solid #808080;
border-top : 1px solid #808080;
position:relative;
background-color:#FFFFFF;
background-image:url(/templates/eldalejendomme/images/logo.jpg);
background-repeat:no-repeat;
}
div#topbillede {
width : 900px;
height : 250px;
border-right : 1px solid #808080;
border-left : 1px solid #808080;
position:relative;
background-color:#FFFFFF;
}
div#mellemtopogmenu {
width : 900px;
height : 25px;
border-right : 1px solid #808080;
border-left : 1px solid #808080;
position:relative;
background-color:#FFFFFF;
}
div#menu {
width : 900px;
height : 25px;
border-right : 1px solid #808080;
border-left : 1px solid #808080;
position:relative;
background-color:#FFFFFF;
}
div#linje {
width : 1px;
min-height :600px;
float:left;
background-color:#808080;
position:relative;
}
div#content {
width : 650px;
min-height :600px;
background-color:#FFFFFF;
text-align:left;
float:left;
position:relative;
}
div#rightcontent {
width : 247px;
min-height : 600px;
background-color:#FFFFFF;
text-align:left;
float:left;
position:relative;
}
.clear {
clear:both;
}
---------------------------------------------------------
Dem har jeg sat ind på følgende måde:
<center>
<div id="header"></div>
<div id="topbillede"><jdoc:include type="modules" name="user1" /></div>
<div id="mellemtopogmenu"><jdoc:include type="modules" name="midt" /></div>
<div id="menu"><jdoc:include type="modules" name="user2" /></div>
<div id="linje"></div>
<div id="content"><jdoc:include type="modules" name="content" /><jdoc:include type="component" /> </div>
<div id="linje"></div>
<div id="rightcontent"></div>
<div id="linje"></div>
</center>
<div class="clear"></div>
--------------------------------------------------
Derved skal "linje", "content" og "rightcontent" ligge ved siden af hinanden (de andre ligger over). Men når jeg ser siden, så er de øvereste lag centeret, men de lag som skal ligger ved siden af hinanden, er ude i venstre side, selvom jeg gerne vil have dem i midten.
Hvordan kan jeg gøre det? Tak.