problema con cuadrar la pagina

hola:

intento explicarme: mi pagina tiene el logo arriba, la barra de navegacion y luego tres contenedores centrales.


Pues bien, en mi version del internet explorer me sale bien, todo muy cuadrito muy bien y todo en su sitio.

Pero, hace unos dias, me comento un amigo que el se le descuadraba, que uno de los contenedores se le desplazaba, y le aparecia el contenedor derecho, debajo del izquierdo. Utilizando el tb el internet explorer.


He estado indagando, con el firefox se ve bien tb, pero no me explico que usasndo IE, se ve de distintinta manera, supongo que es una cuestion de la version.

Alguien me puede ayudar con este error.

javiergomez escribió:hola:

intento explicarme: mi pagina tiene el logo arriba, la barra de navegacion y luego tres contenedores centrales.


Pues bien, en mi version del internet explorer me sale bien, todo muy cuadrito muy bien y todo en su sitio.

Pero, hace unos dias, me comento un amigo que el se le descuadraba, que uno de los contenedores se le desplazaba, y le aparecia el contenedor derecho, debajo del izquierdo. Utilizando el tb el internet explorer.


He estado indagando, con el firefox se ve bien tb, pero no me explico que usasndo IE, se ve de distintinta manera, supongo que es una cuestion de la version.

Alguien me puede ayudar con este error.

Hola:
Realmente hay que tener mucho cuidado con los margin, padding, y bordes, ya que a veces un píxel de diferencia puede descuadrar toda una página, así que le recomiendo que si puede pegue en un mensaje los códigos de la hoja de estilo y los de su página para ver mejor cual puede ser el problema
Saludos

o danos la url para ver masomenos como queda

hola:

os dejos la hoja de estilo, me huele que el tema va por aqui.
El problema me lo da con el internet explorer 6, y l pagina esat heca con el dreamwear

saludos

* {margin:0px ; padding:0px ; border: 0px}
body {text-align:center; background-image: url('objetos/dis.jpg'); color:white}
#global {width:800px ; margin: 4px auto }
#cabecera{ background-color:; width: 800px ; text-align: center ; float:left }
#logotipo{ background-color:; width: 780px ; text-align: center ; float:center ; margin: 20px 0px}

#navegacion
{
background: black;
margin: 0px;
padding: 0px;
height: 25px;
border: 1px solid white;
}
#noticia{background-color:black; color:white}
#navegacion li
{
display: inline;
float: left;
margin: 0px;
padding: 0px;
list-style: none;
}

#navegacion li a:link
{
font: bold 16px/12px monotype corsiva,Georgia, Times New Roman, Times, serif;
color: white;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 0px;
height: 25px;
overflow: hidden;
width: 120px;
text-align: center;
}
#navegacion li a:visited
{
font: bold 16px/12px monotype corsiva,Georgia, Times New Roman, Times, serif;
color: white;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 0px;
height: 25px;
overflow: hidden;
width: 120px;
text-align: center;
}
#navegacion li a#current
{
font: bold 16px/12px monotype corsiva,Georgia, Times New Roman, Times, serif;
color: white;
text-decoration: none;
display: block;
padding: 0px 0px 0px 3px;
margin: 0px;
height: 25px;
overflow: hidden;
width: 120px;
text-align: center;
}

#navegacion li a:hover
{
color: black;
text-decoration: none;
background: purple;
text-align: left;
text-transform: uppercase;
font: bold normal 12px/16px monotype corsiva,Georgia, Times New Roman, Times, serif;
}
#navegacion li a:active
{
color: black;
text-decoration: none;
background: purple;
text-align: left;
text-transform: uppercase;
font: bold normal 12px/16px monotype corsiva,Georgia, Times New Roman, Times, serif;
}


#contenido { background-color: ; width:800px; float:left; height:650px}
#contenedori{ background-color:;width:150px; float:left; height:px}
#menu{ background-color:;color: silver;width:140px; text-align:center; background-image: url('margin%2020px%2010px%2020px%200px') }
/* menu lateral copiado*/
#navcontainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}

#navcontainer li a
{
width: 120px;
margin: 20px 0px 5px 0px;
font-weight: bold;
padding: .2em .8em .2em .6em;
color:white;
}

#navcontainer li li a
{
width: 6em;
margin: .2em 0 .2em 0;
font-weight: normal;
}

#navcontainer ul ul { margin-left: 1em; }

#navcontainer a
{
text-decoration: none;
background-color: black;
display: block;
border-style: outset;
border-width: 3px;
}

#navcontainer li a:hover
{
background-color: black;
border-style: inset;
}

#navcontainer li li a:hover
{
background-color: gold;
border-style: inset;
}

#navcontainer li a#current { background-color: #708090; }
#navcontainer li li a#subcurrent { background-color: #708090; }
/* final del menu lateral*/

#contenedorc{ background-color:;width:480px; float:left; background-image: ; margin: 0px 10px }
#contenedord{ background-color:;width:150px; float:left; height:90px }
#frase{ background-color:; background-image: ;width:150px; ; margin-left:0px; margin-right:0px; margin-top:20px; margin-bottom:60px }
#foto{ background-color:;margin:20px 0px; width:150px }
#contador{ background-color:;width:140px;float:right }
#fondo {background-color: ; width:800px; float:left; background-image: }
#piei{ background-color:;width:150px; float:left }
#piec{ background-color:;width:500px; float:left }
#pied{ background-color:;width:150px; float:left }
p {text-align: justify; color:white}
h1 {font-family: monotype corsiva,arial, comic,font-size: 1.2em; color:white ; font-weight: bold ; text-decoration: underline ; text-align: center}

h2 {font.size: 1.4em; color:white; font-weight: bold ; text-decoration: none ; }
h3 {font-size: 1.8em;color:black; font-family: monotype corsiva,arial, comic,font-size; font-weight: bold ;text-decoration: none; display: block }
a {color: gold ; text-decoration: none; text-align:center}
a:link {}
a:visited {}
a:hover {color: white; text-decoration: underline; background-color:}