Avatar billede mary1983 Nybegynder
23. februar 2010 - 20:45 Der er 1 kommentar og
1 løsning

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.
Avatar billede muunsim Nybegynder
27. februar 2010 - 11:20 #1
Hvis du bruger float:left; på alle dem der skal ligge ved siden af hindanden, skulle det virke.

Forstår ikke helt det du mener med centrering?

Hvis du vil have centreret flere divs er det smartest at have en wrapper omkring (bare en div) som har width:auto; og margin:0 auto;

Håber det hjælper ;)
Avatar billede mary1983 Nybegynder
19. august 2010 - 06:56 #2
Undskyld den lange svar tid.

Jeg fik styr paa det, paa en anden maade. Men tak alligevel
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Kurser inden for grundlæggende programmering

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester