-
Aiuto con layout CSS
Da quando ho fatto alcune modifiche al template del mio sito, si è sconfifferata un po' la pagina di errore 404 (potete vederla da qui ad esempio: http://dementialsite.altervista.org/404).
Nonostante abbia preso accuratamente le misure (almeno, così credevo) per fare sì che il logo resti sulla sinistra del messaggio d'errore, quest'ultimo non solo finisce sotto, ma "sborda" pure dal contenitore.
Qui ci sono i due file CSS utilizzati:
- http://dementialsite.altervista.org/...late_print.css (template di base, con un layout ridotto)
- http://dementialsite.altervista.org/...p?theme=orange (sovrascrive il file precedente inserendo il layout completo. Se vi trovate un tema diverso dall'arancione, non allarmatevi, cambiano solo i colori)
Nelle pagine effettive del sito, il layout funziona correttamente... riuscite a darmi una mano a sistemare la 404?
Grazie a chi risponde... statemi bene...
-
Premetto che non conosco bene il css...
però con firebug impostando il padding left invece di 3em si vede così:
http://img580.imageshack.us/img580/1183/immaginexg.jpg
Ciao!
EDIT:
sto parlando di questa riga:
Codice HTML:
<div id="main" class="noleft noright" style="padding:3em;height:auto">
-
Prova a modificare questo (da 96% portalo a 88%):
Codice HTML:
#main.noright {
width: 88%;
}
EDIT:
Si trova nel file http://dementialsite.altervista.org/templates/demential_site/css/template.php?theme=......
-
Credo di aver capito quale fosse il problema: la larghezza al 96% del container (nel file CSS) era giusta, però Firefox la calcolava escludendo il padding.
Ho risolto spostando il padding nel primo DIV più interno... il risultato non cambia di molto.
@andreafallico: prima di postare avevo provato anche così, ma non mi convinceva per due motivi: non mi era chiaro perché dovessi mettere "proprio" 88% (non capivo rispetto a cosa, poi riguardando meglio e sfruttando l'hint di alemoppo ho trovato) e, soprattutto, non avevo la stessa resa su Epiphany (browser Linux basato su Webkit).
Grazie ad entrambi... statemi bene...
