Ver Mensaje Individual
  #11 (permalink)  
Antiguo 15/07/2008, 17:51
Avatar de Mikmoro
Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: tablas o div's

Un ejemplo que se ve prácticamente igual en FF que en IE6 (siempre quedan pequeños retoques):

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<head>
<title>black-river</title>
<style type="text/css">
* { margin: 0; padding: 0;
}
body { background-color: #F0F0F0;
background-image: url(images/V5/background-degradado.jpg);
background-position:top;
background-repeat: repeat-x;
text-align: justify;
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin: 0 0;
}
img {border: 0px; }

a:link, a:visited, a:active { color: #3C3C3C;
text-decoration: none;
}
a:hover { color: #8A1010;
text-decoration: underline;
}
#wraper { width:900px;
border: solid 1px #000;
background-color: #870712;
margin: 0 auto;
text-align: left;
height: auto;
overflow: auto;
}
#cab-user { background-image: url(images/V5/top-black.jpg);
border-bottom: 1px solid #FFF;
height:15px;
width:898px;
margin: 0 1px 0 1px;
}
#cabecera { background-image: url(images/V5/cabecera.jpg);
background-repeat: no-repeat;
height:126px;
width:898px;
margin: 0 1px 0 1px;
}
#menu-izq { margin: 0 0 0 1px;
background-color: #C9C9C9;
background-image: url(images/V5/menu-izq-bottom.jpg);
background-repeat: no-repeat;
width: 145px;
height: 500px/*auto*/;
float: left;
}
#menu-der { margin-right: 1px;
background-color: #C9C9C9;
/*background-image: url(images/V5/menu-izq-bottom.jpg);
background-repeat: no-repeat;*/
width: 141px;
height: 500px/*auto*/;
float: right;
}
#sub-cab { /*background-image: url(images/V5/sub-cab-ovalado.jpg);*/
background-repeat: no-repeat;
background-color: #fff;
margin: 0 1px 0 0;
}
#content { background-color: red;
margin: 0 142px 0 146px;
}
</style>
</head>
<body>
<div id="wraper">
<div id="cab-user">a</div>
<div id="cabecera">a</div>
<div id="menu-izq">a</div>
<div id="sub-cab">Aqu&iacute; van unos cuantos anuncios<br>
aaanuncios </div>
<div id="menu-der">a</div>
<div id="content">Aqu&iacute; va todo el contenido<br>
wow wow wow<br>
&iexcl;&iexcl;&iexcl;Qu&eacute; contenido!!!</div>
</div>
</body>
</html>
La mala noticia como conclusión de este hilo es que te vas a tener que currar mucho css para conseguir con xhtml y css la página que tenías ya hecha.

Espero que este ejemplo te sirva de guía.

Mikel.