Ayuda Css - Error Margin? Padding?

lickybuay · #1 (**permalink**) 08/07/2006, 17:08

Hola gente como están? queria saber si me podrían ayudar con esto. realice mis divs/classes, etc, pero cuando miro la pág en firefox sale bien, pero en explorer no.., tengo problemas com margenes o algo asi.. nose... :( a mi parecer esta bien.. :S

Acá está la página:
http://www.conase.com.py/diseno/

Adjunto para que vean una imágen de la diferencia.

Gracias por la ayuda, Saludos

lickybuay · #2 (**permalink**) 08/07/2006, 17:09

Acá está el HTML:

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Conase - Diseño</title>
<link href="css/general.css" rel="stylesheet" type="text/css" />
<link href="css/index.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="contenedor_general">
<div id="header_botonera">
<div id="titulo">
<h1>DESIGN</h1>
<div style="width:80px; float:left; margin-top:35px;">
<h2 style="font-family:Arial; font-weight:normal; color:#FFFFFF;">Conase</h2>
</div>
</div>
<div id="botonera">
<div class="botonera_link"><a href="empresa.php">Empresa</a></div>
<div class="botonera_link"><a href="servicios.php">Servicios</a></div>
<div class="botonera_link"><a href="portafolio.php">Portafolio</a></div>
<div class="botonera_link"><a href="contactos.php">Contactos</a></div>
</div>
</div>
</div>
<div id="fondo_contenedor">
<div id="contenedor_info_index">
<div id="columna1">
<div id="bienvenidos">
<h2>Consultores Web. Conase.</h2>
<p>Somos una empresa de Asesoría con un Departamento especializado en el desarrollo y diseño Web multimedia, realizando proyectos para empresas que utilizan tecnología moderna en Paraguay.</p>
<a href="empresa.php">Leer Más...</a> </div>
<div id="nuestros_trabajos">
<h2>Nuestros Trabajos</h2>
<p>Estos son algunos de nuestros últimos trabajos...</p>
<div class="trabajos">
<div style="width:120px; height:47; float:left;"><img src="gfx/trabajos/trabajo_index_1.gif" width="120" height="47"/></div>
<div style="width:127px;; height:49; float:left; margin-left:19px;"><b>Hunter</b><br />
Diseño de Página<br />
Hospedaje<br />
Mantenimiento..<br />
<br />
</div>
</div>
<div class="trabajos" style="margin-top:20px;">
<div style="width:120px; height:47; float:left;"><img src="gfx/trabajos/trabajo_index_1.gif" width="120" height="47"/></div>
<div style="width:127px;; height:49; float:left; margin-left:19px;"><b>Trabajo 1</b><br />
Texto Texto Texto Texto Texto Texto Texto Texto...</div>
</div>

</div>
</div>
<div id="columna2">
<a href="#"><img src="gfx/promocion_web.gif" width="190" height="188" border="0" /></a>
</div>
<div id="columna3">
<div class="planes_hosting">
<h2 style="margin-bottom:20px;">Hosting Básico</h2>
<p>- 25 Mb Espacio en Disco</p>
<p>- 10GB Transferencia</p>
<p>- 3 Cuentas de Mail</p>
<div style="width:196px;margin-top:20px; font-size:18px; color:#444444;">10.00 U$S - Leer Más</div>
</div>
<div class="planes_hosting" style="margin-top:20px;">
<h2 style="margin-bottom:20px;">Hosting Medio</h2>
<p>- 75 Mb Espacio en Disco</p>
<p>- 10GB Transferencia</p>
<p>- 5 Cuentas de Mail</p>
<div style="width:196px;margin-top:20px; font-size:18px; color:#444444;">15.00 U$S - Leer Más</div>
</div>
<div style="width:196px;margin-top:20px; font-size:18px; color:#2e496d;"><img src="gfx/telefono.gif" width="24" height="23"/>+595 21 211 513 / 4</div>
</div>
</div>
</div>
</body>
</html>

lickybuay · #3 (**permalink**) 08/07/2006, 17:10

Acá va el general.css

body{
/*width: 760px;*/
margin: 0px;
/*color: #110319;*/
color:#444444;
font-family: Tahoma;
font-size: 11px;
background-image: url(../gfx/fondo.jpg);
background-repeat: repeat-x;
}
#contenedor_general{
width: 720px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
clear:both;
float: left;
}
#fondo_contenedor{
background-position: bottom;
background-image: url(../gfx/footer.jpg);
background-repeat:repeat-x;
clear: both;
margin: 0px;
/*float:left;*/
}
#contenedor_info{
/*width: 720px;*/
width: 680px;
/* margin-bottom: 20px;*/
margin-top: 44px;
padding-left: 20px;
padding-right: 20px;
height: 385px;
}
#header_botonera{
width: 720px;
height: 251px;
background-image: url(../gfx/header.jpg);
background-repeat: no-repeat;
}
#titulo{
width: 420px;
height: 65px;
clear: both;
float: left;
padding-top: 124px;
}
#botonera{
width: 420px;
height: 36px;
padding-top: 33px;
float: left;
clear: both;
}
.botonera_link{
width: 84px;
padding: 7px;
color:White;
font-size: 18px;
text-align: center;
float: left;
}
.botonera_link:hover{
width: 84px;
background-color: White;
padding: 7px;
color:#748692;
font-size: 18px;
text-align: center;
float: left;
}
.botonera_link a {
width: 84px;
color:White;
font-size: 18px;
text-align: center;
float: left;
text-decoration: none;
}
.botonera_link a:link, a:active {
color:White;
font-size: 18px;
text-align: center;
float: left;
text-decoration: none;
}
.botonera_link a:visited{
color:White;
font-size: 18px;
text-align: center;
float: left;
text-decoration: none;
}
.botonera_link a:hover{
background-color: White;
color:#748692;
font-size: 18px;
text-align: center;
float: left;
text-decoration: none;
}
.titulo_h1{
margin: 0px;
font-size: 88px;
color: #FFFFFF;
font-family:Arial;
font-weight:normal;
text-decoration: none;
}
h1{
margin: 0px;
font-size: 88px;
color: #FFFFFF;
font-family:Arial;
font-weight:normal;
float:left;
}
h2{
margin: 0px;
font-size: 20px;
color: #444444;
}

lickybuay · #4 (**permalink**) 08/07/2006, 17:10

Acá va index.css

#contenedor_info_index {
/*width: 720px;*/
width: 720px;
/* margin-bottom: 20px;*/
margin-top: 44px;
padding-left: 20px;
padding-right: 20px;
height: 385px;
background-image: url(../gfx/footer_index.gif);
background-position: bottom;
background-repeat: no-repeat;
}
#columna1{
width:270px;
float:left;
}
#columna2{
width:190px;
float:left;
margin: 0px;
height: 320px;
}
#columna2 a, a:link, a:visited, a:hover{
float:left;
margin: 0px;
}
#columna2 img{
/*float:left;*/
margin: 0px;
}
#columna3{
/*width:260px;*/
width:240px;
float:left;
height: 320px;
padding-left: 20px;
}
#bienvenidos{
width: 270px;
height: 136px;
float:left;
}
#bienvenidos p{
margin: 0px;
margin-top: 20px;
line-height: 18px;
color: #444444;
font-size: 11px;
}
#bienvenidos a:link, a:active, a:visited{
text-decoration: none;
color: #444444;
font-family: Tahoma;
font-size: 11px;
float: right;
}
#bienvenidos a:hover{
text-decoration: underline;
color: #444444;
font-family: Tahoma;
font-size: 11px;
float: right;
font-weight: bold;
}
#nuestros_trabajos{
width: 270px;
height: 136px;
float:left;
}
#nuestros_trabajos p{
margin: 0px;
margin-top: 15px;
margin-bottom: 15px;
/*line-height: 18px;*/
color: #444444;
font-size: 11px;
}
#nuestros_trabajos a:link, a:active, a:visited{
text-decoration: none;
color: #444444;
font-family: Tahoma;
font-size: 11px;
float: right;
}
#nuestros_trabajos a:hover{
text-decoration: underline;
color: #444444;
font-family: Tahoma;
font-size: 11px;
float: right;
font-weight: bold;
}
.trabajos{
width: 270px;
float:left;
}
.planes_hosting{
width: 240px;
height: 136px;
background-image: url(../gfx/server_hosting_fondo.gif);
background-repeat: no-repeat;
}
.planes_hosting img{
margin: 0px;
margin-top: 10px;
margin-left: 10px;
float: left;
}
.planes_hosting p{
line-height: 18px;
margin: 0px;
/*margin-left: 20px;*/
}

lickybuay · #5 (**permalink**) 08/07/2006, 17:11

Muchas gracias y disculpen la molestia... :)