Foros del Web - resolver el desbordamiento en lateral

Foros del Web (http://www.forosdelweb.com/)

- CSS (http://www.forosdelweb.com/f53/)

- - resolver el desbordamiento en lateral (http://www.forosdelweb.com/f53/resolver-desbordamiento-lateral-263466/)

resolver el desbordamiento en lateral

saludos
tengo mi primer sitio en css (sin tablas eee) http://draco.outnloud.net pero el frame lateral (frame a falta de otra palabra ) se ve bien en firefox pero al verlo en el internet explorer se ve un margen en el lado derecho que en el firefox no se ve y que no quiero que se vea.

no se si me explique bien, pero si alguien puede ayudarme y tenga estos dos exploradores podra entenderme

gracias :adios:

Hola

Puede que hay mirado mal el código, pero en la hoja de estilos veo esto:

Código:

#container

{

width: 766px;

margin: 10px auto;

background-color: #f6f6f6;

border: 1px solid #003366;

line-height: 130%;

}

Que se corresponde con la capa que engloba todo. En ese estilo estás diciendo que se separe 10 pixels desde arriba y lo que haga falta desde la derecha. así que realmente no veo que lo muestre mal, claro que no es lo que quieres lograr, supongo que tu objetivo es que se vea como en firefox.

Revisa esta parte de la documentación referente a los márgenes.

Felicidad

si, en firefox se ve como quiero, pero en el Ie no...y estuve leyendo sobre como resolver eso xq alparecer es un problema del IE..o sea..hay una forma de resolverlo pero nada..revisare la pagina q me distes, gracias.

Hola dracoWorld

Realmente tu codigo esta bien en lo que respecta al diseño el problema fundamental es como internet explorer interpreta el modelo de caja, para internet explorer el ancho de un elemento incluye el borde y el padding mientras que el ancho css realmente no incluye ninguno de estos dos elementos

http://www.microsoft.com/spanish/msd...ges/boxdim.gif

Esto lo soluciona internet explorer en el modo de compatibilidad con estandares que soluciona al menos el problema del modelo de caja, para internet explorer 6.

El modo de compatibilidad con estandares depende de la declaracion del tipo de documento que en tu caso es:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

y debes agregarle la URL es decir debe quedar:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

para mas información

puedes buscar en
Mejoras de CSS en Internet Explorer 6 Public Preview

Espero te sirva la información

:adios:

EXCELENTE
muchisimas gracias, tanto por el dato como por la pagina, asi podre informarme mas, ahora el sitio se ve bien en ambos navegadores :-D

graciiass :-D