Estructura de una página

ixMike · #1 27-05-2008

Hola a todos

Veréis, me gustaría dar a mi página un estilo similar al que tienen, por ejemplo, los blogs de blogger, en el texto en una columna y al lado otra columnita más estrecha.

El caso es que ahora mismo lo hago con una tabla sin borde y con márgenes, pero me parece toda una chapuza

, así que me gustaría saber si hay alguna forma más elegante de hacerlo, y por supuesto que cumpla con la W3C

(mi DOCTYPE! es HTML 4.01 Transicional

)

Pues eso era,

gracias, y salu2

dec · #2 27-05-2008

Hola,

Ignoro si será la forma más elegante o eficaz de conseguirlo, pero, yo suelo usar "capas flotantes". ¿Capaz flotantes? Mejor una especie de ejemplo:

Código PHP:


			
<html>



 <head>

  <title>ClubDelphi.com</title>

    

    <style type="text/css">

     

     div#content {

       width: 70%;

         float: left;

         border: #000 solid 1px;

     }

     

     div#sidebar {

       width: 20%;

         float: left;

         margin: 0 0 0 1em;

         border: red solid 1px;

     }     

     

     div#footer {

       clear: both;

         padding: 1em 0 0 0;

     }

     

    </style>

    

 </head>



 <body>

 

  <div id="content">

     Content of content :P

    </div>

    

    <div id="sidebar">

     Sidebar content :)

    </div>

    

    <div id="footer">

     Footer content :D

    </div>

 

 </body>

 

</html>

Espero haberte ayudado en algo.

ixMike · #3 27-05-2008

Así sin probarlo muy a fondo tiene buena pinta

Creo que tendré que aprender CSS para poder currarme al máximo la web

Gracias, David

[AzidRain] · #4 27-05-2008

Puedes usar hacer los tutoriales de w3schools Son gratuitos, no hay que registrarse y puedes hacer ejercicios en línea.

de un site. El ejemplo de Dec es bueno pero seguramente te ha confundió un poco.

ixMike · #5 28-05-2008

Hola, Azid.

Sin duda ver algo que desconoces siempre confunde un poco, por eso he empezado con el cursillo de CSS de www.desarrolloweb.com

Luego visitaré ese enlace que me has puesto, parece interesante. Pero de todas formas, tampoco quiero tratar el tema en demasiada profundidad, no es algo a lo que en un futuro quiera dedicarme, tan sólo es un hobbie más y una actividad para mantener la sesera funcionando

Salu2.

ixMike · #6 02-06-2008

Hola.

Bien, he estado leyendo, probando...

Lo que quiero hacer es esto: arriba, una barra de menú (de alto fijo); debajo de esta: a la izquierda, un panel con cositas (de ancho fijo), y el resto del espacio, el contenido de la página. Lo conseguí con esto:

Código PHP:


			
<html>

<head>
<title>Pagina de prueba de capas</title>

<style type="text/css">

body {...}

div#menu {
  float: top;
  margin: 1 0em;
  padding: 1em;
  ...}

div#panel {
  width: 150px;
  float: left;

  padding: 1em;
  margin: 1em;
  ...}

div#cuerpo {
  float: left;
  width: auto;
  padding: 1em;
   ...}

</style>

</head>

<body>


<div id="menu">
Texto del menu.
</div>


<div id="panel">
Panel.<br>
Izquierdo<br>
</div>


<div id="cuerpo">
Contenido de la pagina en cuestion.
</div>


</body>

</html>

Todo muy bien y muy bonito... pero si el texto del cuerpo excede del ancho de que dispone entre el panel y la parte derecha del navegador, pues todo el bloque de "cuerpo" salta y se queda por debajo del panel. Ejemplo

¿Dónde está el fallo?

Seguro que es una tontería de nada, pero es que soy nuevo en esto

Salu2.

Temas Similares
Tema	Autor	Foro	Respuestas	Último mensaje
Estructura de FireBird !?	pmtzg	Conexión con bases de datos	2	19-12-2007 22:13:12
Estructura de un CD	david duarte	Varios	4	27-10-2005 17:48:50
Añadir el número de página al pie de página	Javi2	Servers	3	04-08-2005 18:15:36
estructura de una tabla	Salomon	Firebird e Interbase	3	14-05-2004 15:26:46
Averiguar estructura de frm	brandolin	MySQL	0	20-10-2003 22:23:57