Foros del Web » Creando para Internet » CSS »

Problema con divs

Estas en el tema de Problema con divs en el foro de CSS en Foros del Web. Hola, tengo este código html: Código: <!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> <link rel="stylesheet" href="2col_leftNav.css" type="text/css" /> <div id="contenedor" align="center"> ...
  #1 (permalink)  
Antiguo 29/03/2010, 16:00
 
Fecha de Ingreso: febrero-2009
Mensajes: 53
Antigüedad: 15 años, 1 mes
Puntos: 3
Problema con divs

Hola, tengo este código html:
Código:
<!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>
<link rel="stylesheet" href="2col_leftNav.css" type="text/css" />

<div id="contenedor" align="center">
    <div id="head" align="left"><img src="banner.png" border="0" /> </div>
	<div id="heade" align="right"><script type="text/javascript">
google_ad_client = "pub-9063461427534645";
google_ad_slot = "1796342849";
google_ad_width = 234;
google_ad_height = 60;

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
</div>
</div>
</head>
</html>
Y esta es la hoja:
Código:
#contenedor{
display: table;
 margin-left: auto;
  margin-right: auto;
 width: 75%;
 background: #cfdf97;
 }
#head{
white-space:nowrap;
display:table-column;
float:left;
padding:0;
width: 20%;
 background: #cfdf97;
 vertical-align:middle;
}
#heade{
display:table-cell;
padding:0;
vertical-align:middle;
 background: #cfdf97;
 #top: 10 px;
 float:inherit;
}
Bien y lo que quiero (que no me sale), es simple con tablas lo haria pero todos dicen que ya no hay que usar mas pero bueno. Lo que quiero es poner el contenedor, y adentro poner, sobre la izquierda el banner, y del espacio que quede en la derecha el ad de google centrada. Los problemas son:
1. Lo que en tablas sería valign=middle, que en css es, verticaly-align: middle. En todos los navegadores queda bien menos en internet.
2. Como centrar el ad.

Bien y para que tengan la nocion les dejo 2 imágenes:
Internet:


Firefox:
  #2 (permalink)  
Antiguo 29/03/2010, 16:23
 
Fecha de Ingreso: noviembre-2009
Mensajes: 205
Antigüedad: 14 años, 4 meses
Puntos: 15
Respuesta: Problema con divs

Horizontalmente con text-align, y verticalmente si no te va vertical-align puedes incrementar el padding-top hasta que quede donde deseas.
  #3 (permalink)  
Antiguo 30/03/2010, 16:53
 
Fecha de Ingreso: junio-2009
Ubicación: Madrid
Mensajes: 402
Antigüedad: 14 años, 9 meses
Puntos: 20
Respuesta: Problema con divs

que tal lo llevas? sigues con el problema?

Etiquetas: imagenes
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 11:20.