Visualizza post

I Template di Joomla 1.5.x / Allineamento div

« il: 14 Giu 2008, 19:32:15 »

Ciao a tutti, sono un neofita di Joomla, e sto cercando di disegnare un template....

Ho disegnato la testata, un elemento con una scritta powered, lo sfondo del menu principale con un ombra che si raccorda con il piede, lo sfondo del menu_dx con un' ombra di raccordo con il piede, il piede.

Ovviamente al centro c'e' un div per i contenuti.

Ora il problema e' che quando inserisco del testo nel div centrale (contenuti) i div menu e menu_dx non si ridimensionano per altezza con il div contenuti, quindi non mi si raccordano le ombre dei menu con il piede.

Come posso risolvere il problema?

Citazione

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Prova 01</title>
</head>
<style type="text/css">

body {
   background-color: #5B5B5B;
}
#contenitore {
   margin: 0;
   width: 930px;
   height: auto;
}
#testata {
   width: 910px;
   float: left;
   height: 160px;
   background-image: url(immagini/testata.jpg);
   background-repeat: no-repeat;
}
#powered {
   height: 257px;
   width: 34px;
   float: left;
   background-image: url(immagini/powered.jpg);
   background-repeat: no-repeat;
}
#menu {
   height: auto;
   width: 182px;
   float: left;
   background:url(immagini/ombra_sx.jpg);
   background-repeat: repeat;
}
#contenuti {
   float: left;
   height: auto;
   width: 673px;
   display:inline;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 16px;
   color: #FFFFFF;
}
#menu_dx {
   width:21px;
   float:left;
   background-image:url(immagini/ombra_dx.jpg);
   height: auto;
   background-repeat: repeat;
}
#piede {
   width:916px;
   clear:both;
   height: 35px;
   background-image: url(immagini/piede.jpg);
   background-repeat: no-repeat;
}

</style>
<body>

<div id="contenitore">

<div id="testata"></div>

<div id="powered"></div>

<div id="menu"></div>

<div id="contenuti"></div>

<div id="menu_dx"></div>

<div id="piede"></div>

</div>

</body>
</html>

Spero di essere stato abbastanza chiaro.
Grazie per l'attenzione

Post - tifrugoilfrigo

I Template di Joomla 1.5.x / Allineamento div