Acá está la página:
http://www.conase.com.py/diseno/
Adjunto para que vean una imágen de la diferencia.
![](http://www.conase.com.py/diseno/muestra.jpg)
Gracias por la ayuda, Saludos
| |||
Ayuda Css - Error Margin? Padding? 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 |
| |||
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> |
| |||
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; } |
| |||
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;*/ } |