Ver Mensaje Individual
  #5 (permalink)  
Antiguo 03/11/2008, 19:42
Avatar de dacho
dacho
 
Fecha de Ingreso: junio-2008
Ubicación: Argentina
Mensajes: 374
Antigüedad: 15 años, 10 meses
Puntos: 21
Respuesta: todo bien hasta que llego explorer

Hola bienvenido al verdadero mundo xD... Veras que una vez que te acostumbres los css's son mucho mas faciles de manipular que las tablas...

Con respecto al codigo, realmente no entiendo que es lo que buscas hacer. Personalmente, yo casi no utilizo por ejemplo position absolute, solo en casos absolutamente necesarios (y no son muchos), aunque claro esta que no es ilegal xD.

En el caso del diseño que buscas hacer te recomiendo que leas un poco mas acerca de las propiedades de css. Te dejo un pequeño ejemplo de como maquetaria yo una columna y luego 3 columnas abajo, es del estilo a lo que estas buscando.

Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
	<title>Mi ejemplo</title>
	
<style>
div#cabecera{ padding: 0; margin: 0; width: 100%; height: 16%; background-color: green;}
h1{ text-align: center; color: red; }
div.columna{float: left; width: 28%; border: 1px dashed silver; margin: 2% 2% 2% 2%; height: 70%;}
div#pie_de_pagina{ width: 100%; height: 10%; background-color: red; clear: both;}
h2{ text-align: center; color: yellow; }
</style>

</head>

<body>

<div id="cabecera"><h1>Este es mi precioso encabezado</h1></div>

<div class="columna">Esta es mi columna 1</div>
<div class="columna">Esta es mi columna 2</div>
<div class="columna">Esta es mi columna 3</div>

<div id="pie_de_pagina"><h2>si le pusimos cabeza porque no ponerle pie :p</h2></div>


</body>
</html> 
En realidad por mi forma de diseñar, nunca he utilizado porcentajes para el height, pero para este ejemplo sirve. En este ejemplo tienes varias cosas que te seran de utilidad. Te recomiendo que trates de salirte un poco del absolute, solo te complicaras con eso.

Con respecto a los comentarios de muerte al explorer no coincido. Prefiero que valla mejorando y que le haga competencia a el Mozilla y tambien al nuevo hijo de google, la competencia hace que las cosas avancen. Personalmente utilizo el mozilla me parece 1000 veces mejor que el explorer, pero el IE 7 es un avance hacia los estandares y me alegra mucho. La verdad que ya el monopolio me rompe las ***** venga de Microsoft o de Google o de quien sea.

Saludos y espero qeu te sirva mi ejemplo. ALTA RECOMENDACION: "PACIENCIA!!! MUCHA PACIENCIA" persevera y triunfaras.
__________________
Curso de SEO y HTML.
Diprox.com.ar // Diseño Web.
Mi twitter: @soydacho

Última edición por dacho; 03/11/2008 a las 20:02 Razón: cambio el width de .columna de 29% a 28%, porque no habia tenido en cuenta los bordes xD.