Foros del Web » Creando para Internet » CSS »

opera y margin-left

Estas en el tema de opera y margin-left en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 05/08/2007, 11:51
Avatar de Ludwingg  
Fecha de Ingreso: diciembre-2002
Ubicación: San Salvador
Mensajes: 951
Antigüedad: 21 años, 3 meses
Puntos: 5
opera y margin-left

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
  #2 (permalink)  
Antiguo 05/08/2007, 15:30
Avatar de k4k4  
Fecha de Ingreso: junio-2007
Ubicación: Baja California, México
Mensajes: 120
Antigüedad: 16 años, 9 meses
Puntos: 6
Re: opera y margin-left

Hola,

si lo que quieres es alinear el logo con el menú y el contenido de la página cambié esto:
Código:
#logo{
	width:465px;
	height:93px;
	margin-top:20px;
}
Tienes esta página en linea?

Saludos.
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 16:42.