Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Neolitic

Posicionando DIVs

Por , em Desenvolvimento frontend

Recommended Posts

Neolitic    0

Neolitic
Postado

Olá pessoal,Por favor, me ajudem!Analisem o problema abaixo: WIDTH de BODY com WIDTH das divs VITRINE1, VITRINE2 E VITRINE3.Vejam que o somatório dos WIDTHs das divs é 750 e o WIDTH de BODY é 820! Se define o WIDTH de BODY como 750 a terceira div, VITRINE3, salta para baixo de VITRINE1.Por que isso acontece?CÓDIGO CSSbody { width:820px; margin:auto; border:thin solid red; text-align:center;}#tudo { margin:0; border:thin solid black;}#vitrine1 { width:250px; margin:5 0 5 0; border:thin solid yellow; float:left; background-color:yellow; padding: 10px;}#vitrine2 { width:250px; margin:5 0 5 0; border:thin solid yellow; float:left; background-color:yellow; padding: 10px;}#vitrine3 { width:250px; margin:5 0 5 0; border:thin solid yellow; float:left; background-color:yellow; padding: 10px;}#rodape { margin:5px; border:thin solid blue; clear:left;}CÓDIGO HTML<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head> <title> Testando box </title> <meta name="Generator" content="EditPlus"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <link rel="stylesheet" type="text/css" href="testcss.css" /></head><body> <h1>BODY</h2> <div id="tudo"> <p>TUDO</p> <div id="vitrine1"> <p>VITRINE1</p> </div> <div id="vitrine2"> <p>VITRINE2</p> </div> <div id="vitrine3"> <p>VITRINE3</p> </div> <div id="rodape"> <p>RODAPE</p> </div> </div></body></html>Valeu! Neolitic

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

Isso acontece por causa dos margins. Vendo seu codigo eu percebi que você deve dar uma estudada no CSS http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif

tem muita coisa pra melhorar aí, da uma olhada nos topicos fixos aqui da seção

 

[]'s

Compartilhar este post

Link para o post
Compartilhar em outros sites

webflex    0

webflex
Postado

Olá,

 

Exactamente, isso tem a ver com o espaçamento do margin.

 

Cumps [*]

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito