Aanpassen van mijn layout - Joomla! Forum - community, help and support

hoi allen,

ik ben in de begin fase van mijn layout. deze in photoshop gemaakt en nu ben ik bezig met hem naar joomla om te zetten.

nu loop ik tegen 2 problemen aan die ik niet goed krijg.

hiervoor heb ik een screenshot online geplaasts.

http://www.esorone.nl/cms/webpix/tattoo_layout.jpg

ik zie namelijk altijd joomla templates waar de kolommen wel gelijk lopen (zwart gat) en de kollommen ook netjes tegenelkaar zitten.

hoe kan ik dat voor elkaar krijgen? ik heb nu namelijk gewoon een border gebruikt en dat vindt ik niet mooi.

dus eigenelijk 3 vragen in 1 post.....


alvast en wederom bedankt.

css:

code: select all

#content
   {
/*   background: url(file://///webserver/c_webserver/www-data/cms/templates/tattoo/images/main_content_03.jpg) repeat-y; */

   padding-left: 1px;
   padding-top: 38px;
   padding-right: 1px;
      
   }
/* 3 kolommen van joomla */
#sidebar_left
{
width:20%;
padding-top: 30px;
padding-left:10px;
float: left;
border-style: solid;
border-top:#ffffff;
border-bottom-width: 15px;
background-color: #ac006c;
border: #ffffff;
}



#bodytext {
width: 54%;
padding-top: 30px;
border-style: solid;
float:left;
border-bottom-width: 15px;
border: #ffffff;

background: url(file://///webserver/c_webserver/www-data/cms/templates/tattoo/images/main_content_03.jpg) repeat-y;

}

#sidebar_right
{
width:20%;
padding-top: 30px;
padding-left:10px;
float:right;
border-style: solid;
border-top:#ffffff;
border-bottom-width: 15px;
background: url(file://///webserver/c_webserver/www-data/cms/templates/tattoo/images/content_r_t.jpg) no-repeat;
background-color: #ac006c;
border: #ffffff;
}




 p, {
   font-size: 0.8em;
}
/* footer  - */
 #footer
   {
   background: url(file://///webserver/c_webserver/www-data/cms/templates/tattoo/images/footer_11.jpg) no-repeat ;
   width: 1024px;
   padding-top:50px;
   height: 100%;

20+20+54=96% omdat je de linkerkolom rechts laat floaten ontstaat dat gat denk ik.