Ciao,
probabilmente non sono il primo a riscontrare il problema, ma tra i mille thread non ho trovato soluzione.
Ho un'immagine di background larga 576px ripetuta in altezza e centrata in larghezza. Sopra c'è un div largo 576px che dovrebbe restare centrato all'immagine di background (margin:0 auto) ma con IE (versione 6) si crea un "gradino" di 1px. Penso che sia dovuto alla scrollbar ma non posso eliminarla.
Ecco il codice (per prova ho messo tutto nella pagina html):
codice:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Prova</title> <style type="text/css"> *{ margin:0; padding:0; } html{ background:url(img/sfondo_cont.gif) center repeat-y #f5f4ee; } #main{ background:#000; width:576px; height:250px; margin:0 auto; } </style> </head> <body> <div id="main"></div> </body> </html>
Rispondi quotando