Stavo impaginando una grafica e mi ritrovo uno strano problema.
Allego le due immagini, una è la visualizzazione su Firefox e l'altra e su IE7, ma la cosa non cambia nemmeno su IE6.
Praticamente, guardando con attenzione il secondo foglio con i buchini, si nota che è leggermente sfalsato verso sx, creando così un non perfetto allineamento che si nota.
La parte (x)html interessata è:
ed il css interessato questo: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" xml:lang="it" lang="it"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>XXXXXXXXXX</title> <link media="screen" href="css/style.css" rel="stylesheet" type="text/css" /> <link rel="shortcut icon" href="immagini/favicon.ico" /> <meta http-equiv="Content-Language" content="it" /> <meta name="author" content="XXXXXXXXXX" /> <meta name ="copyright" content="XXXXXXXXXX" /> <meta name="robots" content="index, follow" /> </head> <body> <div id="header"> <h1 id="pippo">Pippo</h1> </div> <div id="navigation"> </div> ..........
codice:html,body,h1,h2,h3,h4,h5,p,form,ul,li,img { margin:0; padding:0; border:none } html,body { color:#333; font-family: "Trebuchet MS", Georgia, Verdana, Arial, Helvetica, sans-serif; font-size:100%; text-align:center; background:#F5F6F6 url(../immagini/body_bg.jpg) repeat-x top left } header { background:#F6F5F5 url(../immagini/head.jpg) repeat-x top left } #pippo { height:173px; width:651px; background:#F5F6F6 url(../immagini/pippo.jpg) no-repeat top left; text-indent:-99999px; margin:0 auto } #navigation { background:transparent url(../immagini/navigation.jpg) no-repeat top center; height:162px; margin:0 auto }
Non capisco cosa sposti in IE di quel pixel il background?
Grazie
SK
Rispondi quotando