extra div niet op de goede plek

[joostsoo]

Hallo,
Ik ben nieuw met CMSMS en ben wat aan het testen.
Ik heb een site gewoon gebouwd met stansdaard code en css.
Nu wil ik dit ook met CMS doen.
Ik wil graag een pagina met 3 kolommen maken.
Ik heb nu de bij de installatie geleverde layout gebruikt en daar een div bij gezet.
Ik krijg die ook te zien en kan de tekst ed. aanpassen zoals ik zou willen.
Echter de tekst komt steeds onder de div er voor terwijl ik hem er graag naast wil hebben.
Maar wat ik ook probeer hij blijft op zń plek.
Hier onder de code uit het sjabloon.

      {* Start Content Area *}
     
        {print showbutton=true script=true}
        {title}
        {content}

   
       
       
En dan het stukje uit het stylesheet
div#content {
  margin: 1.5em auto 2em 0;  /* some air above and under menu and content */
}


div#main {
  margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */
  width : 30%; /* and some air on the right */
  top : 600px;
}

div#right-colum{
  float : right;
  top: 600px;
  width : 30%; /* and some air on the right */
  margin-right: 1%; /* and some air on the right */
   
}

Ik heb verder niet veel veranderd dus de code is redelijk orgineel.
Ik heb ook het stylesheet gekoppeld aan het sjabloon.
Ik hoop dat iemand mij een hint kan geven waar ik het moet zoeken
Alvast bedankt

[RonnyK]

Ik gebruik altijd iets als volgend... Let overigens op dat je direct de sidebars plaats, aangezien eerst deze geplaatst moeten worden, waarna de rest voor het midden kan worden gebruikt. Als je het midden al gedefinieerd hebt, zal deze alles pakken...

 
 

     
     
     
     

   
   
   
   

     
     
        {title}
        {content}

     
     
     

 
 

Met als relevante CSS:

div#leftsidebar {
  float: left;
  margin-left: 0px;
  margin-right: 0px;
  width: 120px; 
  padding:  0px 2px;
}

div#rightsidebar {
  float: right;
  margin-left: 0px;
  margin-right: 0px;
  width: 120px; 
  padding:  0px 2px;
}

div#main {
  margin-left: 125px;
  margin-right: 125px;
  padding: 0px;
}

Ronny

[joostsoo]

Hoi Ronny,
Bedankt voor je reactie.
Als ik jou code invoer dan krijg ik main keurig in het midden maar verder niets.
Ik zal ongetwijfeld iets fout doen maar ik zie niet wat.
Heb jij nog een idee?
Groet Joost

[RonnyK]

Joost,

dat komt omdat ik enkel de structuur heb gegeven.....

     
     
     
     

   
   
   
   

Wanneer je in deze beide blokken iets plaatst, zul je dat in de linker/rechterkolom zien....

Ronny

[joostsoo]

Hoi Ronny,
Duidelijk.
Ik heb er wat content in gezet en nu staat ze netjes waar ik ze hebben wil.
Nog wat verder puzzelen, maar ik begin het te snappen
Hartelijk dank voor de hulp
Groet Joost

[Lucaz]

Als het is opgelost, meld dat dan in je Subject.

[solved] 
extra div niet op de goede plek

Lees verder