Back to top

Autore Topic: Non mi visualizza correttamente il sito..stò impazzendo...come posso risolvere?  (Letto 827 volte)

Offline AndreaNobili

  • Appassionato
  • ***
  • Post: 295
    • Mostra profilo
Ciao,
questo è il mio vecchio sito statico:
http://www.siatec.net/andrea/fotografia/

Attualmente lo stò sostituendo con un portale Joomla e stò tentando di adattare il vecchio tema grafico a Joomla ma stò impazzendo, se andate quì potete capire perchè:
http://www.siatec.net/andrea/andreanobiliphoto/

Praticamente è come se la sezione per i contenuti ad un certo punto finisse, se andate nella pagina delle gallerie si capisce ancora meglio, ad esempio quì:
http://www.siatec.net/andrea/andreanobiliphoto/index.php?option=com_phocagallery&view=category&id=3:liguria&Itemid=2

Come se i contenuti fuoriuscissero dal loro contenitore...non mi spiego proprio perchè visto che struttura e CSS sono come nel vecchio sito dove funziona tutto perfetamente

Il codice HTML è:

Codice: [Seleziona]
<?php defined"_JEXEC" ) or die( "Restricted access" );?>
<jdoc:comment></jdoc:comment>
<!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="{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/AndreaNobiliPhotoTheme/css/template.css" type="text/css" />
</head>
<body>

    <div id="container">
    <div id="contieni_bordo">
   
    <div id="header"></div>

<div id="menu">
            <jdoc:include type="module" name="breadcrumbs" />
            </div>

<div class="bloccoleft"> <!-- Inserisce il blocco left -->
        <jdoc:include type="modules" name="left" style="table" />
</div>
       
        <div class="middle"> <!-- Inserisce il blocco centrale dei componenti -->
        <jdoc:include type="component" />
        </div>
           
            <div id="clear"></div> <!-- Setta impostazioni ottimale -->

<div id="footer">
            <jdoc:include type="modules" name="footer" />
            </div>
</div>
</div>

</body>
</html>

mentre il codice CSS è:

Codice: [Seleziona]
html,body{margin: 0;padding:0;height:100%;}
body{
margin: 0;
padding: 0;
font-family: arial, helvetica, verdana, tahoma, sans-serif;
font-size: 80%;
color: #000;
background-color: #dedede;
line-height: 180%;
}
#container{
    margin: 0 auto;
height: auto;
min-height : 50em;
width: 770px;
    background: #fff url(../images/container.png) left top repeat-y;
}
#contieni_bordo{
margin: 0 auto;
width: 760px;
height: 100%;
position:relative;
border: 1px solid #000;
border-bottom: 1px solid #000;

}
#header{
margin: 0 auto;
width: 760px;
height: 283px;
border-bottom: 1px;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
background-position: right bottom;
background-color: #8a9bac;
color: #000;
}
#menu{
margin: 0 auto;
width: 760px;
background: #41545F;
border-bottom: 1px solid #000;
color: #fff;
}

.bloccoleft {
  float    : left;
  width            : 170px;
  height           : 100%;
  margin-right     : 0;
  margin-top       : 5;
  padding-left: 22px;
  background       : #fff;

}

.middle {
width: 580px;
margin: 10 0px;

padding-left: 20px

}


#clear {
display: block;
clear: both;
width: 100%;
height:1px;
overflow:hidden;
}

#footer{
margin: 0 auto;
width: 760px;
background: #41545F;
text-align: center;
clear : both;
bottom:0;
color: #fff;
border-top: 1px;
border-bottom: 1px;
font-family: helvetica, arial, verdana, tahoma, sans-serif;
padding: 0;
}

Non capisco proprio da cosa possa dipendere e come poter risolvere...qualcuno mi riesce ad aiutare per favore? mi stà veramente facendo impazzire

Grazie
   Andrea
Visitate la mia home page: fotografia naturalistica, subacquea, paesaggi,macrofotografia, ritratti, musica e molto altro:
http://www.andreanobiliphoto.com/

Offline conti1

  • Global Moderator
  • Instancabile
  • *****
  • Post: 9075
  • Sesso: Maschio
    • Mostra profilo
ciao in questo modo stai davvero impazzendo
prima di tutto inizia a sistemate il template  poi passi ai contenuti
inia a sistemare il css xche hai il template che si blocca a meta  togli tutii o quasi
Codice: [Seleziona]
  height  : 100%;che non dovrebbero servire  tanto , ti faccio un esempio della colonna sx i moduli che inserisci danno loro l'altezza  e il template segue la colonna altrimenti se tu dai l'altezza lo sfondo biamco del template non e fluido.
se possibile postare il link  x risolvere al meglio il problema grazie
evitare nomi commerciali grazie

 



Web Design Bolzano Kreatif