Comunidad de diseño web y desarrollo en internet online

centrar div dentro de otro div en la esquina inf. der.

Citar            
MensajeEscrito el 15 Nov 2005 11:45 pm
he tenido el inconveniente en centrar una div que esta dentro de otra, no quiero que la div que esta dentro se salga del limite del espacio de la otra div y quiero que esta quede alineada en la parte inferior derecha. pero no me funciona,

Código :

<div id="contenedor"> 
 <div id="header"><img src="images/cabezotealpha.gif">
    <div id="links">mapa web  Preguntas frecuentes  atenci&oacute;n al cliente </div>
  </div>  
  </div>

--------------------------------------------------------

css

body {
    background-image:url(../images/fondo.jpg);
   font:11px Verdana, Arial, Helvetica, sans-serif;
   color:#0660CE;
   text-align:center;
   line-height: 10px;

#contenedor {
       margin: 0 auto;
       width:768px;
       height:auto;
      text-align:left;
}

#header {
       width:768px;
      height:64px;
}
#links {
   width:350;
   height:11px;
   font-size:10px;
   color:#ffffff;
   position:absolute;
   float:right;
   text-align: right;
   display:inline;
   left: 468px;
   top: 61px;
}


:roll: se que el position: absolute; es un problema pues me parece que esta contando desde el borde de la página y no desde el contenedor que esta centrado en la página.

please alguna luz en esta oscuridad muchas gracias :crap:

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 16 Nov 2005 01:21 am
CSS:

Código :

body{ 
   background-image:url(../images/fondo.jpg); 
   font:11px Verdana, Arial, Helvetica, sans-serif; 
   color:#0660CE; 
   text-align:center; 
   line-height: 10px; 
}
#contenedor{
   margin: 0 auto; 
   width:768px; 
   height:auto; 
   text-align:left; 
} 
#header{
   width:768px;
   height:64px;
} 
#links{ 
   height:11px; 
   font-size:10px; 
   color:#ffffff; 
   float:right; 
   margin-top:53px;
}
#logo{
   float:left;
}

xHTML:

Código :

<div id="contenedor">
    <div id="header">
        <div id="logo"><img src="images/cabezotealpha.gif" alt="" /></div>
        <div id="links">mapa web  Preguntas frecuentes  atenci&oacute;n al cliente</div>
    </div>
</div>

Por Devian

23 de clabLevel



Genero:Masculino  

Bs. As.

msie
Citar            
MensajeEscrito el 17 Nov 2005 01:48 am
okey muchaas gracias habia olvidao esta pregunta ^^ que descuido muchas gracias again voy a probar

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 17 Nov 2005 01:57 am
:) ;) :) ;) y si men tenias toda la razon muchisimas gracias tnanks

Por Coyr

Claber

1048 de clabLevel

2 tutoriales

 

Manizales city

firefox
Citar            
MensajeEscrito el 17 Nov 2005 03:13 am
Me alegro que te haya sido util! :wink:

Por Devian

23 de clabLevel



Genero:Masculino  

Bs. As.

msie

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.