Sugerencia para problema con etiqueta <div>

Torrecus_mybb_import8215 22 May, 2011, 5:25 pm

URL del foro: http://www.loquete.com/
Versión del foro: 1.6.2
Actualización: Desde la 1.6.1 a la 1.6.2

Que tal Comunidad

Pues resulta que quiero añadir sombra a los costados del contenedor del tema, para lo cual cree una nueva clase div#sombra en el css.

El problema viene en la plantilla header, ya que para que quede como deseo me está estorbando un <div> anterior:

Código:
<div id="contenedor">

    <div id="cabecera">

        <h1><a href="{$mybb->settings['bburl']}/" id="logo"><span>MyCleanOrange creado por abdonroda de SoporteMyBB.</span></a></h1>

        <ul id="menu">

            <li><a href="http://loquete.com/portal.php">Portada</a></li>

            <li><a href="http://loquete.com/index.php">Comunidad</a></li>

            <li><a href="{$mybb->settings['bburl']}/memberlist.php">{$lang->toplinks_memberlist}</a></li>

            <li><a href="{$mybb->settings['bburl']}/calendar.php">{$lang->toplinks_calendar}</a></li>

            <li><a href="{$mybb->settings['bburl']}/search.php">{$lang->toplinks_search}</a></li>

            <li><a href="{$mybb->settings['bburl']}/misc.php?action=help">{$lang->toplinks_help}</a></li>

            {$welcomeblock}

    </div>

<div id="sombra">

    <div id="contenido">

como ven el div de la sombra queda debajo del welcomeblock, pero yo necesito que el welcomeblock quede incluído, sólo que si pongo el <div> antes se invalida por el </div> de la cabecera.

¿Sugerencias?

Última modificación: 22 May, 2011, 5:25 pm por SamyMan.

nentab 23 May, 2011, 12:51 am

Mi recomendación sería que en vez de usar un id para la sombra, usaras un class. Y así ponerlo en dos divs. Uno tal cual lo tienes ahora, y otro independiente para el welcomeblock.

Torrecus_mybb_import8215 23 May, 2011, 4:50 am

Bueno, siguiendo tu sugerencia cambie de

div#sombra

a

.sombra

y la etiqueta

<div class="sombra">

la puse antes del welcomeblock, pero me descuadró los elementos, se me desalinearon y no apareció la sombra Tongue

Última modificación: 23 May, 2011, 4:51 am por SamyMan.

nentab 23 May, 2011, 5:06 am

No lo puedes poner para que se vea online? O una foto o así?

Torrecus_mybb_import8215 23 May, 2011, 5:35 am

Claro, esta imagen es como lo tengo, antes de aplicar los cambios:

y así es como queda con los cambios:

si necesitas verlo 'live' te puedo dar acceso, ya que hasta que no lo termine lo tengo restringido.

Quizás todos esos desplazamienos se deben a que he tenido que modificar varios de los márgenes, pero no debería suceder, ¿o si?

Última modificación: 23 May, 2011, 5:37 am por SamyMan.

nentab 23 May, 2011, 5:46 am

Pues si puede ser, casi mejor verlo online. Porque así con la imagen no se por qué te tiene que cambiar y no ponerte la sombra.

Torrecus_mybb_import8215 23 May, 2011, 4:54 pm

Ok, gracias a Abdón, el problema se solucionó cambiando de lugar la etiqueta.