Problema divs

W

wirYo-_- #1 Sep '05

Bueno dentro de un div, tengo 2, uno para el contenido de la pagina y el otro para el menu de noticias y eso.

Pero no soy capaz de ponerlos al mismo nivel, me aparece uno debajo de otro, ahi va screen:

http://img111.imageshack.us/my.php?image=sinttulo11dx.jpg

Y el codigo es este:

div#contenido
{
position:relative;
width:567px;
margin-left:29px;
clear:left;
}

div#noticias
{
position:relative;
margin-top:5px;
width:170px;
margin-left:590px;
clear:right;
}

Van los 2 metidos en un mismo div.

El problema que tengo es que no me aclaro con los float y los clear.

erdanblo #2 Sep '05 Inocente

Ponle a los dos float: left; y a la capa contenedor metele overflow: auto;

Whose #3 Sep '05 Penitente

Danblo los dos left no, uno left y otro right.
Si te da problemas encierralos en un contenedor.

erdanblo #4 Sep '05 Inocente

#3 Tonces se va para abajo igualmente. :/

W

wirYo-_- #5 Sep '05

Vale, mirad ahora, puto IE:

FIREFOX:

http://img353.imageshack.us/my.php?image=firefox6po.jpg

EXPLORE:

http://img353.imageshack.us/my.php?image=iexploreputa9gd.jpg

CODE:

div#contenedor
{
position:relative;
overflow:auto;
}
div#contenido
{
position:relative;
width:567px;
margin-left:29px;
float:left;
}

div#noticias
{
position:relative;
margin-top:5px;
margin-right:32px;
float:right;
width:170px;
}

Dentro de contenedor van contenido y noticias.

Puto IE de los cojones, me tiene hasta la poya, siempre que maqueto una web con divs el IE hace lo que le sale de la poya, firefox siempre se ve bien en el IE PORPOCO.

erdanblo #6 Sep '05 Inocente

Creo que el motor de IE interpretaba los padding y no los margin y firefox (gecko) al revés, interpretaba los margin y no los padding, o eso creo que me dijeron los otros dias.

Asi que añade los padding para IE.

También prueba lo que ya te dije, los dos float con left, parecerá incorrecto pero a mi a veces me ha funcionado.

W

wirYo-_- #7 Sep '05

Vale consigo que se vea bien en las 2 pero con medidas diferentes, al final voy a optar por hacer 2 css y comprobar navegador con PHP

Whose #8 Sep '05 Penitente

Has mirado el Doctype? a mi una vez me ocurrio algo parecido, que IE no contaba el padding al tamaño del div y se veia incorrecto y fue por un doctype que no era correcto para el tipo de documento.
http://www.w3schools.com/tags/tag_doctype.asp

W

wirYo-_- #9 Sep '05

siempre escojo xhtml transitional, ese no va o que?
y tengo hecho mas web con esquemas parecidos y nunca me paso esto.

Whose #10 Sep '05 Penitente

podrias pegar el codigo entero? html
y asi echarle un ojo a ver que puede ser.
www.pastebin.com <- Para pegar el codigo.

Usuarios habituales