- Home
- Categorie
- Coding e Sistemistica
- Joomla!
- [1.5] Problema con template per joomla 1.5 senza tabelle.
-
[1.5] Problema con template per joomla 1.5 senza tabelle.
Carissimi, ho un problema che mi assilla.
Sto creando un template per joomla 1.5 senza tabelle, ma ho problemi di centratura.
il sito è:
. tour z. it / joomlase lo visualizzo con Chrome e Firefox tutto ok, bello centrato orizzontalmente col margine 20 sopra, ma se lo visualizzo con IE7 mi si sposta a sinistra.
Vi posto il file index.php e il relativo layout.css sicuro che troverete il problema.
[CENTER]index.php[/CENTER]
[LEFT]<?php defined( "_JEXEC" ) or die( "Restricted access" );?>
jdoc:comment</jdoc:comment>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " ">
<html xmlns=" " xml:lang="{LANG_TAG}" lang="{LANG_TAG}" dir="{LANG_DIR}" >
<head>
<jdoc:include type="head" />
<link rel="stylesheet" href="templates/_system/css/general.css" type="text/css" />
<link rel="stylesheet" href="templates/apollo/css/template.css" type="text/css" />
<link rel="stylesheet" href="templates/apollo/css/layout.css" type="text/css" />
</head>
<body>[/LEFT][LEFT]<!-- Gabbia esterna -->
<div id="gabbia">[/LEFT][LEFT]<!-- Testata: deve ontenere solo il ritaglio dell'immagine quindi si apre e si chiude e nel file layout.css ci sarà il puntamento al file grafico -->
<div id="top"> </div>
<!-- Apre il corpo centrale -->
<div id="centro">
<!-- lasciamo aperto perchè conterrà tutto il corpo del sito -->
<!-- immagine proncipale -->
<div class="header"></div>
<!-- la barra di navigazione -->
<div class="navigatore">
<jdoc:include type="module" name="breadcrumbs" />
</div>
<!-- Menù laterale -->
<div class="bloccoleft"><jdoc:include type="modules" name="left" style="table" />
</div>
<!-- blocco centrale dei componenti -->
<div class="middle"><jdoc:include type="component" /></div>
<!-- Clear Setta impostazioni ottimali -->
<div class="clear"></div>
<!-- copyright -->
<div class="piedipagina"><jdoc:include type="module" name="footer" />
</div>
</div>
<div id="down"> </div>[/LEFT][LEFT]</body>
</html>[/LEFT][CENTER]layout.css[/CENTER]
[LEFT]* {
padding: 0;
margin: 0;
}
#gabbia {[/LEFT][LEFT]background: #fff url('../images/middle.jpg');
background-repeat: repeat-y;
width: 725px;
margin-right: auto;
margin-left: auto;
margin-top: 20px;
}
#top {
background: url('../images/top.jpg');
height: 28px;
}
#centro {
padding: 0 40px 0 40px;
}
.header {
height: 190px;
background: #6897EF url('../images/city2.jpg');
}
.navigatore {
background: #F6F9FB;
border-bottom: lpx solid #DEDCDC;
padding-top: 5 px;
padding-bottom: 5px;
padding-left: 5px;
width: 645px;
}
.bloccoleft {
float: left;
width: 180px;
height: 100%;
margin-right: 0;
margin-top: 5;
background:;
}
.middle{
width: 450 px;
margin: 5 0px;
margin-left: 180 px;
padding-left: 10px;
}
#clear {
display: block;
clear: both;
width: 100%;
height: 1px;
overflow: hidden;
}
#down {
background: url('../images/down.jpg');
height: 24px;
}
.piedipagina {
background:;
text-align: center;
border-bottom: lpx soldi;
padding: 5px;
}[/LEFT][LEFT]Io pensavo che con il
margin-left: auto;
margin-right: auto;
tutto funzionasse...[/LEFT][LEFT]INVECE ?[/LEFT]
-
Ciao,
per Ie6 ti dico già che ci vuole anche text-align:center; dentro la gabbia.Ho dato una scorsa rapida al codice e sembra andar bene.
-
Vedo il template di base si joomla 1.5 nel link che hai postato. Prova a mettere anche posizione relativa al div #gabbia, anche se non dovrebbe assolutamente essere questo il problema, altrimenti un clear both prima di chiudere il tag della gabbia.
-
Ciao..
Anche io ho un problema simile e vi chiedo di aiutarmi perchè sono disperato.
Il sito è gruppolongopuntocom e ho il problema che con Mozilla si vede tutto perfettamente centrato.
Con IE invece si vede la parte sopra tutta a sinistra e il footer centrato.
Aiutatemi è importantissimo ed urgente.
Grazie mille.