Comunidad de diseño web y desarrollo en internet online

clearboth y br

Citar            
MensajeEscrito el 06 Abr 2006 10:51 pm
hola chicos!!
encontrando por ahi tutoriales de como hacer un clear para divs floantes encontre que la mejor manera era poner al final del div el siguiente codigo:

Código :

<div id="container">
      <div id="contenido1">
            a
      </div>
      <div id="contenido2">
            a
      </div>
      <br class="clear" />
</div>

y el stylesheet lo tengo asi:

Código :

.clear {
   clear: both;
}
#container { 
   width: 400px;
   margin-left: auto;
   margin-right: auto;
}
#contenido1{
   float: left;
   height: 200px;
   width: 200px;
}

#contenido2{
   float: left;
   height: 200px;
   width: 200px;
}


el caso es que me hace un espacio (como es obvio es BR) pero no comprendo la manera de como quitar el espacio que me hace debajo, ya que haciendolo por DIV, si al style de CONTAINER le pongo un fondo no se ve, pero en BR si.

hay manera de quitar el espacio? o de hacer el div y que funcione con un fondo?
un saludo!! y gracias

Por NatESkiN

43 de clabLevel



 

firefox
Citar            
MensajeEscrito el 07 Abr 2006 01:54 am
en lugar del br pon un div, así no habrá problemas.

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 07 Abr 2006 05:19 am
Si quieres hacer eso con un br, deberas ponerlo como bloque.

Código :

.clear { clear:both; }
br.clear { display:block; }

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 07 Abr 2006 01:13 pm
neo_jp, porque como bloque?, me intrigo la razon del porque de esa manera...

Por jaimoco

299 de clabLevel



Genero:Masculino  

choya bay , mexico

firefox
Citar            
MensajeEscrito el 07 Abr 2006 02:14 pm
según tengo entendido, un elemento salto de línea es mostrado como un elemento inline, supongo que hacerlo bloque es sencillamente emular un div, cuyo display es en forma de bloque

Por fael

BOFH

2443 de clabLevel

3 tutoriales
2 articulos

 

firefox
Citar            
MensajeEscrito el 07 Abr 2006 04:03 pm
bueno yo he usado esta manera:

.clear {
clear:both;
padding-bottom: 0.5px;
}

<div class="clear"></div>

y de esta manera me ha resultado pero claro se va a ver 1 pixel en blanco.


fael escribió:

según tengo entendido, un elemento salto de línea es mostrado como un elemento inline, supongo que hacerlo bloque es sencillamente emular un div, cuyo display es en forma de bloque


¿ein? ¿a que te refieres?

Por NatESkiN

43 de clabLevel



 

firefox

 

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