Foros del Web - Ver Mensaje Individual - opera y margin-left

Ludwingg · #1 (**permalink**) 05/08/2007, 11:51

Hola

Tengo un problema con opera y margin-left de CSS, estoy tratando de alinear un logotipo, pero en opera se ve el corte entre el fondo del logo y el background, no entiendo por que, ya que en firefox se ve correctamente, al igual que IE, pero en opera como les meciono, se ve demasiado alineado hacia la izquierda... el error esta en la clase #logo:

Código HTML:

#logo{
	width:465px;
	height:93px;
	margin-top:20px;
	margin-left:24px !important;
	margin-left:22px;
}

mi codigo completo es este:

index.html

Código HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Dise&ntilde;o, Programaci&oacute;n y Consultar&iacute;a Web</title>
<link href="estilos.css" rel="stylesheet" type="text/css" />
</head>
<body topmargin="0" bottommargin="0" marginheight="0" marginwidth="0">
<!-- inicia la div principal-->
<div id="contenedor">
	<div id="logo">
		<img src="img/logo.jpg" />
	</div>
	<div align="center">
	<!-- menu -->
	 	<p id="menu">Inicio | Diseño Web | Programaci&oacute;n | Hosting | Venta de computadoras | Otros | Portafolios | Noticias | Nosotros | Contacto </p>
	</div>
	<!-- cuerpo inicia-->
	<div id="cuerpo">
		<div id="columna_uno">
			<h2 id="titulo">Nuestros Servicios</h2>
			<div align="left"><hr size="1" width="402" color="#3A69B1" align="left" id="linea" /></div>
			<p align="left" id="cuadro_azul"><img src="img/cuadro.jpg" /></p>
		</div>
		<div id="columna_dos">
		  df
	    </div>
	</div>
<!-- termina la div principal-->
</div>
</body>
</html>

estilos.css

Código HTML:

body{
	background-image:url(img/head.jpg);
	background-repeat:repeat-x;
	background-color:#1E3F72;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	margin-left:0px;
	margin-right:0px;
}
#contenedor{
	width:850px;
	height:100%;
	text-align:justify;
	margin:auto;
}
#logo{
	width:465px;
	height:93px;
	margin-top:20px !important;
	margin-top:20px;
	margin-left:24px !important;
	margin-left:22px;
}
#menu{
	margin:32px 0px 23px 0px !important;
	margin:29px 0px 20px 0px;
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
}
#cuerpo{
	background-image:url(img/img_cuerpo.jpg);
	background-repeat:repeat-y;
	width:850px;
	margin:8px 0px 0px 0px !important;
	margin:-12px 0px 0px 0px;
	position:absolute;
	/*padding:-10px 0px 0px 0px;*/
}
#columna_uno{
	float:left;
	width:547px;
}
#titulo{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:24px;
	font-weight:normal;
	padding:0px 0px 0px 0px !important;
	padding:20px 0px 0px 0px;
}
#titulo2{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	margin-bottom:10px;
	font-weight:normal;
}

#linea{
	margin:-24px 0px 8px 0px !important;
	margin:-30px 0px 6px 0px;
}
#cuadro_azul{
	margin:0px 0px 0px 0px !important;
	margin:-28px 0px 0px 0px;
 
}
#cuadro_site{
	margin:0px 0px -10px 10px !important;
	margin:0px 0px -10px 5px;
}
#cajita{
	width:400px;
	float:left;
}
#fondo_cajita{
	float:right;
	width:240px;
	margin-top:-55px !important;
	margin-top:-65px;
/*	background-image:url(img/sobre.jpg);*/
	background-repeat:no-repeat;
}
#texto_cajita{
	float:left;
	width:280px;
	background-image:url(img/sobre.jpg);
	background-repeat:no-repeat;
	margin:0px 4px 0px 0px !important;
	margin:0px 4px 0px 0px;
	/*padding:1px 9px 0px 10px !important;
	padding:1px 0px 0px 10px;*/
	padding-left:10px !important;
	padding-top:10px !important;
}
#foto_sobre{
	float:left;
}
#linea2{
	width:302px;
	position:relative;
	margin-top:40px !important;
	margin-top:40px;
}
#columna_dos{
	/*background-image:url(img/dercol.jpg);
	background-repeat:repeat-x;*/
	float:right;
	width:303px;
	height:100%;
}
#nada{
	width:542px;
	margin-top:15px;
}
#pie{
	margin-top:20px !important;
	margin-top:0px;
	position:relative; 
	background: url(img/bottom.jpg) repeat-x;
	background-color:#3154a5;
	height:213px;
	float:left;
	width:100%;
	clear:both;
}
#titulo_pie{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	padding:14px 0px 0px 0px !important;
	padding:14px 0px 0px 0px;
}

muchas gracias