Comunidad de diseño web y desarrollo en internet online

diseño a dos columnas no completa el fondo

Citar            
MensajeEscrito el 28 Mar 2006 07:09 pm
Hola a todos.

el xhtml es más o menos así

Código :

<body>
<div id="wrapper">
   <div id="nonfooter">
      <div class="head"></div>
      <div class="right"></div>
      <div id="centro"></div>
   </div>
</div>
</body>


la cuestión es que tengo un fondo en el "nonfooter" que tendría que envolver a todo el contenido salvo el pié, pero si el "right" en más largo que el "centro" el fondo queda cortado, o sea, no lo estira hasta el final de todo.
básicamente las cosas están acomodadas con "float" pero no sé si esta propiedad tiene algo que ver con el comportamiento, por cierto, sólo se da en FireFox y derivados.

gracias desde ya y si no queda claro pongo un vínculo a la página.

saludoshhh

Por el_itur

142 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 28 Mar 2006 07:39 pm
y el css?
y el link?
En ese caso, si es como imagino, usaría una imagen de fondo de 1px de alto y del ancho del div que quieras que cubra el fondo y lo repetiría para las Y.
Eso es todo ;)

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 28 Mar 2006 08:23 pm
Busca en los foros y en google: Faux Columns. No hay mejor explicación que eso.

PD: Me parece o estas usando el FooterStickAlt? =p

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 28 Mar 2006 11:06 pm
ok, yo sabía que no iban a entender de entrada.

Pedro: si eso estoy haciendo, en nonfooter es una imágen de 1px repeat-y. en el footer una imágene que tiene borde redondeado.
Neo_JP: no no estoy usando el FooterStickAlt. simplemente clear:both

la cosa es que tengo un menú a la derecha y el contenido en el centro,ambos envueltos por esta div nonfooter, si el menú es más largo que el contenido queda un hueco entre el contenido y el footer.

ahora no puedo subir nada al server, mañana les muestro a ver que les parece. sin enbargo como se ve bien en IE lo puedo entregar así, sólo que me parece raro ese comportamiento


saludos y gracias por sus respuestas

Por el_itur

142 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 29 Mar 2006 12:42 am
Ok creo que entiendo, intenta.

Código :

   <div id="nonfooter">
      <div class="head"></div>
      <div class="right"></div>
      <div id="centro"></div>
      <div style="clear:both;"></div>
   </div>

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 29 Mar 2006 06:05 pm
sip, eso funcionó, gracias NEO.

cual es la explicación?

Por el_itur

142 de clabLevel



Genero:Masculino  

Argentina

firefox
Citar            
MensajeEscrito el 29 Mar 2006 06:57 pm
Lo de siempre, te falto limpiar los divs flotantes. Cada que se flota un elemento, el elemento padre por defecto se encojerá hasta donde encuentre otro contenido hijo. Si no encuentra este contenido hijo, pues se encojerá tanto que hasta quizás no se vea.

Por lo tanto se deben "limpiar" (clear).

<div id="padre">
<div id="hijo1" style="float:left;"></div>
<div id="hijo2" style="float:right"></div>
<div class="limpia" style="clear:both;"></div>
</div>

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox
Citar            
MensajeEscrito el 29 Mar 2006 08:08 pm
ajá, gracias de nuevo. Lo voy a tener en cuenta más adelante

Por el_itur

142 de clabLevel



Genero:Masculino  

Argentina

opera
Citar            
MensajeEscrito el 31 Mar 2006 03:56 pm

the_OLD_JP escribió:

Lo de siempre, te falto limpiar los divs flotantes. Cada que se flota un elemento, el elemento padre por defecto se encojerá hasta donde encuentre otro contenido hijo. Si no encuentra este contenido hijo, pues se encojerá tanto que hasta quizás no se vea.

Por lo tanto se deben "limpiar" (clear).
Vaya que interesante, no sabía eso..

Por elav

Claber

1461 de clabLevel

9 tutoriales

Genero:Masculino  

Administrador de Sistemas

firefox
Citar            
MensajeEscrito el 31 Mar 2006 04:00 pm

elav escribió:

the_OLD_JP escribió:

Lo de siempre, te falto limpiar los divs flotantes. Cada que se flota un elemento, el elemento padre por defecto se encojerá hasta donde encuentre otro contenido hijo. Si no encuentra este contenido hijo, pues se encojerá tanto que hasta quizás no se vea.

Por lo tanto se deben "limpiar" (clear).
Vaya que interesante, no sabía eso..
Es extraño... ya lo hemos abordado en MÚLTIPLES ocasiones...

Por Pedro

BOFH

3017 de clabLevel

3 tutoriales
6 articulos

  Bastard Operators From Hell

Honduras

firefox
Citar            
MensajeEscrito el 31 Mar 2006 04:41 pm
Si puede ser pedro pero yo nunca lo había leído.... Es que se me hace un lío eso de utilizar la búsqueda, o no sé buscar.... :roll:

Por elav

Claber

1461 de clabLevel

9 tutoriales

Genero:Masculino  

Administrador de Sistemas

firefox
Citar            
MensajeEscrito el 31 Mar 2006 07:34 pm
*sighs*

Lo que dijo Pedro es cierto, es un tema muy común en este foro, es como "quiero hacer un prilouder" para el foro flash.

Elav, pedro lo dijo de manera muy normal y hablando en general, no veo por qué te lo tomaste personal, asi que para evitar conflictos lo cierro, y elav.. hazte/haznos un favor y deja de pensar que estamos en tu contra.

Por NEO_JP

BOFH

5724 de clabLevel

13 tutoriales
12 articulos

Genero:Masculino   Anime Bloggers Premio_Secretos Team Cristalab

Front-end Developer en Washington, DC

firefox

 

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