Anch'io ho un problema provando a fare il tempalte test indicato nella guida. Precisamente non vedo i contenuti incolonnati su tre colonne (colonnadestra, colonnasinistra e contenuto), il tutto è su tre righe. L'anteprima del css è corretta, i div sono corretti dove sbaglio?
css:
body{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
}
#wrapper{
margin: 0 auto;
width: 922px;
}
#header {
color: #333;
width: 900px;
float: none;
padding: 10px;
border: 1px solid #892105;
/*height: 100px;*/
margin: 10px 0px 5px 0px;
}
#colonnasinistra {
list-style-type: none;
color: #333;
border: 1px solid #892105;
margin: 0px 5px 5px 0px;
padding: 10px;
/*height: 350px;*/
width: 195px;
float: left;
}
#contenuti {
float: left;
color: #333;
border: 1px solid #892105;
margin: 0px 5px 5px 0px;
padding: 10px;
/*height: 350px;*/
width: 456px;
display: inline;
}
#colonnadestra {
color: #333;
border: 1px solid #892105;
margin: 0px 0px 5px 0px;
padding: 10px;
/*height: 350px;*/
width: 195px;
float: left;
}
#footer {
width: 900px;
clear: both;
color: #333;
border: 1px solid #892105;
margin: 0px 0px 10px 0px;
padding: 10px;
}
index.php
<!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" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="css/general.css" type="text/css" />
<!--
<link rel="stylesheet" href="templates/<?php echo $this->template ?>/css/template.css" type="text/css" />
-->
</head>
<body>
<div id="wrapper">
<div id="header">
<?php echo $mainframe->getCfg('sitename');?>
</div>
<div id="colonnasinistra">
colonna sx questa e' la colonna sinistra con i suoi contenuti
</div>
<div iD="contenuti">
contenuti questa e' la zona centrale con i suoi contenuti
</div>
<div id="colonnadestra">
colonna dx questa e' la colonna sinistra con i suoi contenuti
</div>
<div id="footer">
footer
</div>
</div>
</body>
</html>
Visulizzazione su browser:
Titolo
colonna sx questa e' la colonna sinistra con i suoi contenuti
contenuti questa e' la zona centrale con i suoi contenuti
colonna dx questa e' la colonna sinistra con i suoi contenuti
footer
