Foros del Web » Creando para Internet » CSS »

Problemas con el posicionamiento

Estas en el tema de Problemas con el posicionamiento en el foro de CSS en Foros del Web. Saludos.. Tengo un problemita con el posicionamiento de DIV, resulta que mi pagina tiene 6 apartados una cabecera, un menu principal, una seccion de apartados ...
  #1 (permalink)  
Antiguo 25/10/2008, 11:50
Avatar de solracnauj21  
Fecha de Ingreso: octubre-2007
Ubicación: Tuxtla Gutierrez
Mensajes: 39
Antigüedad: 16 años, 5 meses
Puntos: 0
Problemas con el posicionamiento

Saludos..
Tengo un problemita con el posicionamiento de DIV, resulta que mi pagina tiene 6 apartados una cabecera, un menu principal, una seccion de apartados otra de menu secundario, el contenido y la parte de abajo, aqui les dejo los codigos para que me entiendan

Archivo .html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" >
<head>
<title>IPSBP</title>
<link href="style.css" rel="stylesheet" type="text/css" media="screen"/>

<body>
<div id="master">
<div id="header"></div>
<div id="headermenu">Menu principal</div>
<div id="contenido-der">
<p>Patrocinadores<br />
aaaa<br />
bbb</p>
</div>
<div id="contenido-izq">Menu secundario</div>
<div id="contenido-centro">Contenido</div>
<div id="header-down">inferio de la pagina </div>


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

Mi archivo .css
@charset "utf-8";
/* CSS Document */
body { background-color: #f3f3f3; margin:0; padding:0; text-align:center; }
#master {
height: auto;
width: 800px;
margin: auto;
text-align:left;
clear:both;
}
#header{
width:auto;
height:100px;
background-image:url(images/header.png)
}
#headermenu{
width:615px;
height:25px;
margin-top:10px;
margin-left:10px;
float: left;

}
#contenido-izq{

width:145px;
height:auto;
margin-top:10px;
margin-left:10px;
float: left;

}
#contenido-centro{
margin-top:10px;
margin-left:10px;
width:460px;
height:auto ;
float:left;
vertical-align:top;

}
#contenido-der{
margin-top:10px;
margin-left:10px;
width:165px;
height:auto;
float:left;

}
#header-down{
width:auto;
height:60px;
clear: both;
}


si procesan esos archivos veran varias secciones.... el problemita que tengo esta en el menu secundario y el contenido, se quedan hasta abajo, como puedo subirlos.. ya utilice moverlos con el top y la position pero dependen del contenido de patrocinadores y los contenidos bajan...

espero haberme explicado, el por que de esta secciones es que asi me las estan pidiendo, me han pasado una reticula de como hacerla, gracias seguire intentando mientras alguien me pueda orientar, o me recomiendan realizarlo de otra manera, no utilizo tablas por las medidas que me marca en la reticulas.....

Saludos
  #2 (permalink)  
Antiguo 25/10/2008, 12:07
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 17 años, 6 meses
Puntos: 280
Respuesta: Problemas con el posicionamiento

Pues no te creas que lo entiendo del todo, pero... ¿por qué no pruebas a cambiar el float left por float right en el conenedor #contenido-der?
__________________
Visita mi nueva web idplus.org
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:08.