Problemas con el alto de un DIV

juandedios · #1 (**permalink**) 17/01/2009, 11:21

Saludos,

Lo que no me sale esta aquí le dan click al menu CONTACTENOS

Notaran que hay una parte que dice: Telefonos de contacto y debajo nombres con telefonos, bueno hay un DIV que contiene eso, pero al parecer el DIV no crece con el contenido, pienso que es eso porque el color de fondo del DIV no sigue al resto, pero es diferente cuando solo escribo texto, ahi si el alto del DIV funciona chevere.

aqui esta la parte del HTML:

Código PHP:

  <div id="contenidoleft"> 
    <p class="subtitulocontenido"> 
        Teléfonos de contacto 
    </p> 
    <div id="alineadoizquierda">Juan de Dios José Vega Landa</div> 
    <div id="alineadoderecha">+511 9931 47754</div> 
     
    <div id="alineadoizquierda">Juan de Dios José Vega Landa</div> 
    <div id="alineadoderecha">+511 9931 47754</div> 
</div>

y aqui el css:

Código PHP:

  .subtitulocontenido { 
    color: #171806; 
    font-weight: bold; 
    border-bottom: #171806 solid 1px; 
} 
 
#contenidoleft { 
    width: 590px; 
    height: auto; 
    background-color: #EEEEE2; 
    padding: 10px; 
    margin-left: 10px; 
    font-family: "Trebuchet MS"; 
} 
 
#alineadoizquierda { 
    width: 300px;; 
    height: auto; 
    float: left; 
} 
 
#alineadoderecha { 
    width: 250px; 
    height: auto; 
    float: right; 
}

que cosa estoy haciendo mal?

willyfc · #2 (**permalink**) 17/01/2009, 11:38

al #contenidoleft añade display:table

jomaruro · #3 (**permalink**) 17/01/2009, 12:14

Hola:

En el CSS, crea el siguiente id:

#reset{
clear:both;
}

y en el HTML:

<body>
<div id="contenidoleft">
<p class="subtitulocontenido">
Teléfonos de contacto
</p>
<div id="alineadoizquierda">Juan de Dios José Vega Landa</div>
<div id="alineadoderecha">+511 9931 47754</div>
<div id="alineadoizquierda">Juan de Dios José Vega Landa</div>
<div id="alineadoderecha">+511 9931 47754</div>
<div id="reset"></div>
</div>
</body>

Espero te funcione.

Por cierto, no se si es un error de copia pero si los div "alineadoizquierda" y "alineadoderecha" los repites deberías definirlos como class en lugar de id, ya que los id solo se aplican una vez, es un identificador único.

Saludos.

kseso? · #4 (**permalink**) 17/01/2009, 12:29

Hola Juandedios.
No me va tu enlace.

Para eso que quieres hacer, creo que sería más conveniente que utilizases las listas de definición (¿se llaman así, no? )
Creo que eso que haces estaría a punto de ser divitis

Yo optaría por:

Cita:

<dl>
<dt><span><Teléfonos de contacto</span></dt>
<dt>Juan de Dios José Vega Landa</dt>
<dd>+511 9931 47754</dd>
<dd>otro más</dd>
<dt>Otro titular</dt>
<dd> un tlfno></dd>
<dd>otro mas</dd>
</dl>

Y después definir las propiedades en el css de: dl, dl span (ésto para resaltarlo), dt y dd.

Un saludo

juandedios · #5 (**permalink**) 17/01/2009, 22:13

Como me dijo jumaruro me salio bien, gracias a todos por su atencion.

jomaruro · #6 (**permalink**) 18/01/2009, 04:17

Me alegra haberte sido útil.

Saludos.