problemas con bordes

hades87 · #1 (**permalink**) 02/01/2008, 16:19

pues resulta que diseñe una pagina en css, el diseño bien y ningun problema, el problema es cuando se ajuntan las 2 zonas qeu tengo de capas, que estan con float left right, cuando tocan sus lados se me ve un borde mas ancho que los toros, pero poniendo el border-left/right: none, se me va pero queda 1 huequito.

Me gustaria saber como hacer qeu todo quede bien.

Código 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>Pruebas</title>
<link rel="stylesheet" type="text/css" href="estilos.css" />

</head>
<body>
<div id="contenedor">
<div id="izquierda">
  <div id="logo">logo de garmande </div>
  <div id="logo2">asesores empresa </div>
  <div id="logo3">boligrafo</div>
  <div id="columnaiz"></div></div>
<div id="derecha">
  <div id="banner">banner</div>
  <div id="menu">menu</div>
<div id="cuerpo">cuerpo de la web </div>
<div id="pie"></div></div>
</div>
</body>
</html>

CSS

Código:

body{
background: #feff99;
}

#contenedor{
margin: auto;
text-align: left;
width: 851px;
heigh: 900
}

#izquierda{
margin: auto;
float: left;
}

#derecha{
margin: auto;
float: right;
}

#logo{
width: 180px;
height: 105px;
border: 0.5px solid #000000;
border-right: none;
}

#banner{
width: 667px;
height: 65px;
border: 0.5px solid #000000;
}

#menu{
width: 667px;
height: 39px;
border: 0.5px solid #000000;
}

#logo2{
width: 180px;
height: 65px;
border: 0.5px solid #000000;
border-right: none;
}

#logo3{
width: 180px;
height: 124px;
border: 0.5px solid #000000;
border-right: none;
}

#columnaiz{
width: 180px;
height: 422px;
border: 0.5px solid #000000;
border-right: none;
background: #ff9934;
}

#cuerpo{
width: 667px;
height: 553px;
border: 0.5px solid #000000;
border-left:0.25px #000000 solid;
}

#pie{
width: 667px;
height: 59px;
border: 1px solid #000000;
background: #ff9934;
}

gracias por todo, y aqui les dejo 1 iamgen tmbn.

josdelaranda · #2 (**permalink**) 02/01/2008, 16:49

Hola creo que deberías cambiar esto en tu CSS:

Código:

#contenedor{
margin: auto;
text-align: left;
width: 850px;
heigh: 900
}

Saludos

PD. Has visto tu página en IE7?

hades87 · #3 (**permalink**) 02/01/2008, 17:10

pues si que era eso.

ahora no entiendo por que en ie7, no se me ven bien los marcos :S

emiliodeg · #4 (**permalink**) 02/01/2008, 18:12

heigh: 900 esta mal escrito es height: 900px;

hades87 · #5 (**permalink**) 02/01/2008, 18:23

vale gracias, pero pq en ie nos e ven los borddes?:S

josdelaranda · #6 (**permalink**) 03/01/2008, 08:14

Hola hades87, prueba con lo siguiente:

border: 0.5px solid #000000;

Cambialo por ejemplo a:

border: 1px solid #000000;

Saludos

hades87 · #7 (**permalink**) 03/01/2008, 12:40

si era eso jos ^^, ahora la duda que tengo que ne firefox, puedo meter un margin top -8px, para que me quede pegado arriba, y con explorer no m lo reconoce, pq puede ser?