(ayuda) ubicacion de cajas

opzina · #1 (**permalink**) 16/10/2008, 16:11

Hola, que tal?

El codigo css validado me da bien...el tema es que quiero ubicar las cajas a mi gusto...pero no se como...

les dejo el css:

#all-home
{
margin:0;
padding:0;
}

#home1
{
width:auto;
width:35%;
text-align:center;
padding-bottom:25px;
}

#home1a
{
margin:0px;
padding:0px;
background-color: #c2e4b3;
border-top:2px solid #007F00;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
font-family:Calibri; font-size:16px;
text-align:center;
}

#home1b
{
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
}

#home1c
{
margin:0px;
padding:0px;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
border-bottom:1px dotted #d3d3d3;
border-top:1px dotted #d3d3d3;
background-color: #e4efff;
font-family:Calibri;
font-size:12px;
text-align:center;
}

#home2
{
width:auto;
width:35%;
text-align:center;
padding-bottom:25px;
}

#home2a
{
margin:0px;
padding:0px;
background-color: #c2e4b3;
border-top:2px solid #007F00;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
font-family:Calibri;
font-size:16px;
text-align:center;
}

#home2b
{
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
}

#home2c
{
margin:0px;
padding:0px;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
border-bottom:1px dotted #d3d3d3;
border-top:1px dotted #d3d3d3;
background-color: #e4efff;
font-family:Calibri;
font-size:12px;
text-align:center;
}

#post
{
width:auto;
width:35%;
text-align:center;
padding-bottom:25px;
}

#post1
{
margin:0px;
padding:0px;
background-color: #c2e4b3;
border-top:2px solid #007F00;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
font-family:Calibri;
font-size:16px;
text-align:center;
}

#post2
{
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
}

#post3
{
margin:0px;
padding:0px;
border-left:1px dotted #d3d3d3;
border-right:1px dotted #d3d3d3;
border-bottom:1px dotted #d3d3d3;
border-top:1px dotted #d3d3d3;
background-color: #e4efff;
font-family:Calibri;
font-size:12px;
text-align:center;}

y aqui el html:

<body>
<div id="all-home">

<div id="home1">

<div id="home1a">Incorpore contenido aquí</div>

<div id="home1c">Contenido</div>

<div id="home1c"><a href="?mod=faqs">Incorpore contenido aquí</a></div>

</div>

<div id="home2">

<div id="home2a">Indice de FAQs</div>

<div id="home2b"><?php include('http://www.nutrimel.com.ar/includes/faqs.php');?></div>

<div id="home2c"><a href="?mod=faqs">ver más</a></div>

</div>

<div id="post">

<div id="post1">Últimos Post del Blog</div>

<div id="post2">Contenido</div>

<div id="post3"><a href="?mod=faqs">ver más</a></div>

</div>
</div>
</body>

Saludos.

Mikmoro · #2 (**permalink**) 16/10/2008, 16:16

Muy bueno.¿Y cuál es tu gusto?

opzina · #3 (**permalink**) 16/10/2008, 16:30

caja1

....cAJA2

........cAJA3

algo asÍ, he intentado con positio:absolute, left right, position relatrive..pero no logro ubicarlas..
Sugerencias.??

Mikmoro · #4 (**permalink**) 16/10/2008, 16:38

Ni lo imagino. Sería mejor que intentaras hacer un dibujo.

opzina · #5 (**permalink**) 16/10/2008, 17:31

Ok.
Bueno quedo asi: iniciol

Aca las modificaciones en el css:

#home1
{
width:auto;
width:35%;
padding-bottom:25px;
position:absolute;
left:25px;
}

#home2
{
width:auto;
width:35%;
padding-bottom:25px;
position: absolute;
left:62%;
}

#post
{
width:auto;
width:50%;
}

En estos # estan las modificaciones el html sigue igual....
No consigo que post baje debajo de los home1 y 2 y cdo estos crezcan el post baje...

Mikmoro · #6 (**permalink**) 16/10/2008, 17:38

Cita:

Iniciado por opzina

No consigo que post baje debajo de los home1 y 2 y cdo estos crezcan el post baje...

¿El post? ¿home1 y 2? no los veo por ninguna parte. Yo me rindo.

kseso? · #7 (**permalink**) 16/10/2008, 17:59

Creo que se refiere a que el #post se posicione por debajo (en la vertical) de los home1 y home2.
Pero la cuestión es que aunque los home tienen un ancho de 35% cada uno y el post 50% (está repetido el width con auto y 50%) y la suma total da un 120%, el post no baja a la siguiente 'línea' por que los home tienen posición absoluta (left 25px y left 62% respectivamente), así que si te hubiese leído (creo que fue ayer la última vez que lo dejaste claro), ya sabría la respuesta.
Respuesta que vamos a dejar un rato pendiente para favorecer la búsqueda y lectura.
Un saludo

Mikmoro · #8 (**permalink**) 16/10/2008, 18:10

Ah, coño, los home1 y 2 de la css. Es que directamente he mirado la página del link, y no veía eso por ninguna parte.

Lo siento, pero mirando las propiedades de la css sigo sin entender qué es lo que quieres hacer, así que por mi no será por suspense (

) sino porque no sabría qué hacer, no sé qué buscas.

Efectivamente, repites los width, luego a home2 le das un left:62%;, ... no entiendo nada, sinceramente.