CSS - Problemas con márgenes en IE/

   
Vista:

Problemas con márgenes en IE/

Publicado por pangea (1 intervención) el 11/05/2009 16:43:29
Hola:
Es la segunda vez que me encuentro con el mismo problema en IE7, y es que, cuando le viene en gana, le añade a una div un margen (en mi experiencia, la primera vez que me pasó lo puso en el lado izquierdo del div, y la segunda en el lado inferior), que no ha manera. La única manera de quitarlo es poniendo margin-xxxx:-10px;. Entonces sí lo quita, pero claro, en el resto de navegadores se ve 10 px movida de donde debería estar.

He probado por activa y por pasiva, hasta con el css prácticamente limpio, y no hace caso a mis indicaciones. Te mando todo el css del último problema que me he encontrado:
*{
padding:0px;
margin:0px;}
body {
background-color:#dededd;}
img{
border:none;}
#pagina {
padding:0px;
margin:0px;
float:left;
/*height: 100%;*/
width: 760px;
position:absolute;
left:50%;
margin-left:-380px;
padding-top: 20px;}
#cabecera {
padding:0px;
margin:0px;
margin-bottom:0px;
float:left;}
#cuerpo {
padding:0px;
margin:0px;
float:left;}
#pie{
padding:0px;
margin:0px;
float:left;
height:34px;
width:760px;
background-image:url(images/fondopie.png);
background-repeat:no-repeat;}

Te mando también el html:

<div id="pagina">
<div id="cabecera"><img src="images/encabezado.png" alt="probetón andaluza"> </div>
<div id="cuerpo"></div>
<div id="pie"></div>
</div>


Pues con esto, el IE7 me pone un margen de 4 px en la parte inferior de la cabecera que no hay manera de quitarlo.

Gracias de antemano, recibe un cordial saludo.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

RE:Problemas con márgenes en IE/

Publicado por patricio (8 intervenciones) el 03/10/2009 06:26:29
proba a usar la sintaxis bien clara

* {
padding: 0;
margin: 0;
z-index: 1;
}

puede parecer irrrisorio pero algunos navegadores te lo van a agradecer

si no brutamente, un reset un poco mas explicito, del blueprints

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}

y del elements v2

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-family: inherit;
font-size:100%;
text-align: left;
vertical-align: baseline;
}
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar