Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Boa noite galera...
Estou com um problema, alguém pode me dar uma luz, não estou conseguindo entender o porque que no código abaixo a div principal parece não estar englobando as demais divs, ou seja as divs que seriam pra serem internas não se comportam dentro da div principal...
<div>
<div id="ns_row1" style="width:100%; border:solid 1px #000;">
<div id="ns_news" style="float:left; width:70%;">
NS_NEWS
</div><!-- ns_news -->
<div id="ns_row1Right" style="float:right; width:30%;">NS_ROW1RIGHT</div><!-- ns_row1Right -->
</div><!-- ns_row1 -->
<div style="width:100%;">
<div id="body_titles1" style="float:left; height:15px;">MAIS...</div>
</div>
<div id="ns_row2" style="width:100%;">
NS_ROW2
</div><!-- ns_row2 -->
</div><!-- GERAL -->Se testarem o codigo, nota-se pela borda da div geral que ela nao esta com as demais divs dentro dela...
Se alguem puder me dar uma mão ai...
Obrigado
Quando os elementos estão flutuando estes indiretamente se desligam da marcação que os comportam não acrescentando assim altura a esta, para solucionar este problema basta anexar os próximos objetos ao ultimo objeto flutuado utilizando a classe "clear", segue abaixo sua codificação com as alterações.
<div>
<div id="ns_row1" style="width:100%; border:solid 1px #000;">
<div id="ns_news" style="float:left; width:70%;">
NS_NEWS
</div><!-- ns_news -->
<div id="ns_row1Right" style="float:right; width:30%;">
NS_ROW1RIGHT
</div><!-- ns_row1Right -->
<br style="clear: both; "/>
</div><!-- ns_row1 -->
<div style="width:100%;">
<div id="body_titles1" style="float:left; height:15px;">
MAIS...
</div>
</div>
<div id="ns_row2" style="clear: both; width:100%;">
NS_ROW2
</div><!-- ns_row2 -->
</div><!-- GERAL -->Espero ter ajudado.
Tip: não use estilos inline. Prefira separar em um arquivo externo. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Perfeito Untill, muito obrigado pela explicação amigo!
E obrigado pela dica Tiago!
PS: Ta Resolvido... Só não encontro o botão para finalizar o tópico. :D
PS: Ta Resolvido... Só não encontro o botão para finalizar o tópico. :D
Somente moderadores podem colocar o tópico como [Resolvido]. É só você dar um aviso, como fez, que nós colocamos. ;)
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Desculpem-me fiz uma pequena confusão, onde eu me referia a div principal, ou div geral, por favor leiam DIV "ns_row1", é esta a div que está dando problemas...