Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/08/2007, 19:16
Avatar de arwen_1
arwen_1
 
Fecha de Ingreso: diciembre-2006
Mensajes: 81
Antigüedad: 17 años, 3 meses
Puntos: 0
Pregunta bloques (div's) paralelos

hola! soy una novata en esto de los css

quiero hacer lo siguiente!: estructurar mi pagina, de modo que utilizando las etiquetas div y los css, pueda dividir mi pagina en una barra superior, una derecha una izquierda y la central. como si usara marcos

entonces creo css para cada una de las partes en que quiero estructurar mi pagina, pero cabe destacar que las partes estaran en las mismas filas pero diferentes columnas, es decir, paralelas... entonces abajo les muestro lo que hice, y de lo que muestra la barra superior y la izquierda... pero la central la muestra en la columna adecuada pero justo debajo de la izquierda y lo mismo pasa con la derecha, aparece debajo de la central. no se si sean por justamente los div, ya q en el doc principal haga el uso de los css como muestro en codigo señalizado mas abajo

Código PHP:
<style>

#superior {
    
    
margin-top:5px;
    
margin-left:5px;
    
margin-right:5px;
    
width:100&#37;;
    
height:80px;
    
border:1px solid #FFFFFF;

}

#izquierda {
    
margin:5px 0px 0px 5px;
    
width:17%;
    
height:100%;
    
border:1px solid #003399;
}

#centro {
    
margin:relative;
    
margin:5px 0px 0px 18%;
    
width:66%;
    
height:100%;
    
border:1px solid #FFFFFF;
}

#derecha {
    
position:relative;
    
margin:5px 0px 0px 85%;
    
width:15%;
    
height:100%;
    
border:1px solid #003399;
}
</
style
ahora eso está en el doc .css, en el .php hago las llamadas de los css asi:

Código PHP:
        <div id="superior"></div>
    <
div id="izquierda"></div>
    <
div id="centro"></div>
    <
div id="derecha"></div
por lo que tbn me imagino que al ser div, que bajan una linea, por eso no estan alineados en las mismas filas..

espero que se entienda mi problema!

Última edición por arwen_1; 18/08/2007 a las 19:46 Razón: mejorar la explicacion