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: 