RISOLTO:problemi impaginazione template seashore

[djpipino]

salve,ho problemi nell'impaginare bene e in modo dinamico questo sito.Su alcune risoluzioni la colonna di destra con i menu viene spostata verso il centro...altre volte viene addirittura a capo..vorrei che come dovrei modificare il css del template?grazie

forse il problema è dovuto alla modifica dei margini fatta qui
#content60 {
float:left;
display: inline;
width:560px;
padding: 0;
margin: 0px 50px 0 80px

[hoguera]

..scusa ma non sarebbe meglio ( dato che hai già modificato) che sostituisci il file template.css con quello originale e prima di modificare fai le dovute verifiche con Firebug ? Ho visto solo adesso il link..Io lo visualizzo bene !

[djpipino]

Ho fatto tante modifiche..non mi va di sostituire il file..

[hoguera]

Sia con Chrome, Firefox e Opera e Safari io lo vedo bene....Sia voci di menù che pagine sono corrette e allineate

[djpipino]

Credo che sia legato alle dimensione del monitor

[hoguera]

Ciao, infatti....Non essendo manco responsive con il tablet da 10 visualizzo il sito come hai descritto... Solo un problema di dimensioni monitor..Quindi o riduci le dimensioni ....o...  

[djpipino]

altri consigli...

[hoguera]

Ridurre a 980 px o cambiare template...Personalmente non vedo altre rapide soluzioni..

[djpipino]

dove devo ridurre di preciso nel css?

[hoguera]

Su un sito io ho impostato così e ho messo mano al css solo per altro:
Questo è su Winter free..Dovrebbe essere uguale

• [size=1.091em]Logo testo[/size][/size]

• [size=1.091em]Slogan[/size]

• [size=1.091em]Larghezza pagina in px (ad esempio 980)[/size]

• [size=1.091em]Larghezza colonna destra in px (ad esempio 190)[/size]

• [size=1.091em]Larghezza colonna sinistra in px (ad esempio 190)[/size]

• [size=1.091em]Larghezza logo in px (ad esempio 260)[/size]

[djpipino]

ho provato..ma niente

[hoguera]

...Questo è il demo del template, puoi verificare che le colonne laterali hanno larghezza 190 px....La demo del template è ben visibile anche su portatile e con tablet da 10"
http://a4joomla.com/joomla-templates/seashore/ vedi con Firebug...
Nel tuo caso hai impostato la larghezza delle colonne a 243 px

[djpipino]

PERFETTO...ora è visualizzabile anche da iphone..pero' sullo schermo del portatile vedo tutto decentrato verso sinistra..

[djpipino]

ho risolto...modificando l'html cosi
<div id="allwrap" class="gainlayout">
  <div id="wrap" class="gainlayout" style="width:980px;">

[hoguera]

Si ho visto, le colonne adesso vanno bene
Ti rimane solo da dimensionare il menù....3 voci ti vanno sotto






#topmenu .menu {


    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: normal;
    letter-spacing: 1px;
    line-height: 18px;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}

#topmenu .menu li a {


    display: block;
    padding: 6px 13px 4px;
    text-decoration: none;


Mettilo come va bene a te ...




Se hai risolto metti il "risolto" all'inizio 

[djpipino]

Ho risolto inserendo il colore di background sotto gli ultimi 3 menu..cmq grazie