Innanzitutto grazie per la rispostaOriginariamente inviato da Myaku
in primo luogo, lasciando perdere le anteprime dell'editor, non sono affidabili. Quello che conta è il browser.
Inoltre, secondo me stai facendo un po' di casino con il css. Se quello che devi creare è un layout a due colonne centrato nella pagina, non ha senso usare i margini in quella maniera e il modo in cui hai usato i float.
Ti basta inserire tutto il layout in un div padre di larghezza dichiarata e a cui applichi "margin: 0 auto".
Le due colonne avranno rispettivamente float left e right, ed al footer passi un clear: both (e non ti stai ad impazzire con i margini).
![]()
Allora ho appena agito sui margini e sembrerebbe che ora vada bene:
http://94.36.51.98/sito/index.html
Cosa ne pensi?
Il bello è che ora sul browser sembra ok, ma sul editor c'è un casino bestiale, è tutto sballato.
Quindi mi assicuri che è normale o c'è un problema?
Al momento il css è così:
C'è del codice inutile che forse può causare problemi e che si puà togliere?codice:body { background-color: black; } *{ margin: 0; padding: 0; } #testata { width: 899px; height: 150px; background-color: #E0281F; margin-right: auto; margin-left: auto; } #lato { width: 150px; height: 900px; background-color: #FF8000; margin-right: 0px; margin-left: 502px } #corpo { width: 750px; height: 900px; background-color: #00FF40; margin-top: -900px; margin-right: 502px; float: right; } #piede { width: 899px; height: 75px; background-color: #8000FF; margin-top: auto; margin-right: auto; margin-left: 502px; float: left; }
In alternativa non ho bene capito il metodo che mi hai spiegato tu che sembrerebbe anche meno macchinoso.
Perdonami, sono un neofita. Non ho molto la mente aperta al HTML/css, spero di averla con il tempo grazie a voi
Se la tua alternativa è migliore potrei provarla. Saresti così gentile però da spiegarti meglio o eventualmente farmi un esempio di sintassi?
Ti ringrazio![]()


Rispondi quotando