Ver Mensaje Individual
  #3 (permalink)  
Antiguo 27/10/2008, 08:29
Avatar de Aresillo
Aresillo
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: Becerril de la Sierra
Mensajes: 958
Antigüedad: 16 años, 1 mes
Puntos: 53
Respuesta: Ayuda Maquetacion Layout Css

Bueno, pues al final si que he podido...aunque llevo una hora...
Te pongo el código, como no has dicho nada lo he hecho para 800 px.
Aquí el html:
Código PHP:
<div id="contenedor">
    <
div id="titulo">
        <
div id="header"HEADER</div>
        <
div id="menu">   
        <
ul>
          <
li><a href="#">Enlace 1</a>
          <
li><a href="#">V&#237;nculo 2</a>
          
<li><a href="#">Otro enlace</a>
          <
li><a href="#">Link chulo</a>
        </
ul>
       </
div>
   </
div>
   <
div id="header2">Header 2</div>
   <
div id="cuerpo">
       <
div id="boxodd">
       <
h2 class="titlat">BOX 1</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div><h2 class="titlat">BOX 3</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div><h2 class="titlat">BOX 5</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div>
        <
h2 class="titlat">BOX 7</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div></div>
      <
div id="menu2"><ul>
             <
li><a href="#">Enlace 1</a>
             <
li><a href="#">V&#237;nculo 2</a>
             
<li><a href="#">Otro enlace</a>
             <
li><a href="#">Link chulo</a>
             <
li><a href="#">M&#225;s enlaces</a>
             
<li><a href="#">Otro &#250;ltimo</a>
      
</ul></div>
       <
div id="boxeven"><h2 class="titlat">BOX 2</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div><h2 class="titlat">BOX 4</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div><h2 class="titlat">BOX 6</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div><h2 class="titlat">BOX 8</h2>
        <
div id="registro" class="cuerpolateral">
        
Contenido caja.
        </
div></div>
  </
div>
    <
div id="footer">
       &
#169; 2008 patatin patatan
    
</div>
    <
div id="footer2">
       &
#169; 2008
    
</div>
</
div
Aquí el css:
Código PHP:
BODY {
    
font8pt VerdanaGenevaArialHelveticasans-serif;
    
margin0;
    
padding:0;
    
text-aligncenter;
    
background-color#ebebeb;
}
#contenedor{
    
text-alignleft;
    
width800px;
    
marginauto;

#titulo{
    
margin0;
    
height:150px;
}
#header{
    
text-aligncenter;
    
width600px;
    
height:150px;
    
marginauto;
    
float:left;
    
background-color#00CCFF;
    
color#333300;
    
font-size:12pt;
    
font-weightbold
}
#menu{
   
width200px;
   
height:150px;
   
background-color#0099FF;
   
float:right;
   
text-align:center;
}
#menu ul{
   
margin 0 0 0 0px;
   
padding0 0 0 0px;
   list-
stylenone;
}
#menu li{
   
background-color#0099FF;
   
margin2 2 2 2px;
   
padding2 2 2 2px;
   
font-weightbold;
}
#menu a{
   
color#3333cc;
   
text-decorationnone;
}
#header2{
    
background-color#d0d0ff;
    
color#333300;
    
font-size:12pt;
    
font-weightbold;
    
padding:0px;
    
text-align:center;
}
#cuerpo{
    
margin0;
    
background-color:#ffffcc;
}
#boxodd{
    
width275px;
    
floatleft;
    
margin:0;
    
background-color#99FFFF;
}
.
titlat{
background-color:#68729E;
color:#ffffff;
font-size:8pt;
text-transform uppercase;
padding7px 3px 7px 8px;
font-weight normal;
letter-spacing 2px;
margin0px 0px 8px 0px;
}
.
cuerpolateral{
padding5px 4px 13px 10px;

#menu2{
    
width250px;
    
background-color#999999;
    
float:right;
    
margin:0;
    
text-align:center;
}
#menu2 ul{
    
margin 0 0 0 0px;
    
padding0 0 0 0px;
    list-
stylenone;
}
#menu2 li{
    
background-color#ffffcc;
    
margin2 2 2 2px;
    
padding2 2 2 2px;
    
font-weightbold;
}
#menu2 a{
    
color#3333cc;
    
text-decorationnone;
}
#boxeven{
    
margin-left275px;
    
background-color#ffffff;
    
width275px;
}
#footer{
    
background-color#cccccc;
    
text-align:right;
    
clearboth;

#footer2{
    
background-color#cccccc;
    
text-align:right;
    
clearboth;


Y aquí el resultado:
http://cursos.anfap.com/60user0874/fdw/prueba.html

A ver si te convence...
Seguro que estos jefales...lo pueden hacer mejor y con menos código pero aquí hasta donde puedo llegar yo... y a duras penas...

Un saludo!

Aresillo!!
PD: Acabo de ver que con el explorer se descoyunta un poco...a ver si alguien sabe resolverlo...puto explorer!! lo odio!