Problema com 3 DIVs dentro de outra DIV
Fala pessoal, estou tentando colocar 3 DIVs em na mesma linha dentro de outra DIV (principal), mas essas três ficam para fora na hora de visualizar o site. O problema é apenas apresentado no Firefox. No IE7 foi normal.
HTML
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Fale Conosco</title><link href="faleconosco.css" rel="stylesheet" type="text/css" /><body><div id="principal"> <h2>Fale Conosco =D</h2> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Duis a tellus. In hac habitasse platea dictumst. Curabitur lacinia semper sem. Curabitur iaculis nisi vel est. Donec placerat vehicula erat. Proin libero lacus, fermentum ac, nonummy ac, tempor in, nisi. Nulla nonummy, arcu nec iaculis cursus, nunc neque pretium risus, et gravida tortor neque a orci. Nullam imperdiet malesuada lacus. Nullam egestas scelerisque lectus. Pellentesque quis eros. Maecenas vel quam ac diam ultricies lacinia. Donec dolor nisi, volutpat in, placerat nec, commodo et, turpis. Praesent mauris nisl, venenatis a, tincidunt id, feugiat id, dolor. Curabitur sed sem. Morbi quis quam ut arcu egestas faucibus. Nulla ut neque. Maecenas ultricies aliquam velit. Sed ac sapien vel elit consectetuer porttitor. Donec pellentesque nibh vitae turpis. Proin in lorem laoreet nisi tristique euismod. Maecenas arcu augue, eleifend vel, rutrum eu, porta at, dui. Nunc sit amet neque sed turpis condimentum convallis. Pellentesque nibh tellus, aliquet a, congue et, viverra eget, tellus. Curabitur orci ante, porttitor et, iaculis quis, congue a, elit. Sed bibendum adipiscing lorem. Donec vehicula orci elementum lectus. Fusce sapien. Praesent et purus. Suspendisse hendrerit, est vel pharetra aliquam, nulla lacus convallis ligula, non dictum magna libero at nulla. Duis eu enim. Etiam adipiscing laoreet nibh. Maecenas dignissim. Ut justo urna, fermentum nec, porta viverra, vehicula ut, urna. Nam in orci vel velit faucibus porta.</p><br /> <div id="form1">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nam odio dolor, sagittis sit amet, tincidunt vitae, commodo nec, sem. Etiam posuere augue ut sem. Aenean pharetra, mauris ac egestas rutrum, lectus libero varius tortor, quis dignissim tellus arcu non elit. Quisque venenatis. In porttitor metus. Donec accumsan sagittis velit. Nam.</div> <div id="form2">Lotes2</div> <div id="form3">Lotes3</div></div></body></html>
CSS
@charset "utf-8";/ CSS Document /body { font-family: "Palatino Linotype", serif; background-image:url(bg.png); color:#0066CC; margin:0px 0px 0px 0px;}p { text-indent:25px; text-align:justify;}#principal { background-color:#FFFFFF; border: solid 2px; margin: 20px 5% 5% 5%; height:100%;}#principal p { margin: 5px;}#principal h2 { margin: 5px;}input { border: solid #0066CC 2px; background-color:#DAECFE;}input:hover { background-color:#B9E9FF;}#form1 { width:25%; height:100%; float:left;}#form2 { width:35%; height:100%; float:right;}#form3 { width:40%; height:100%; float:left;}
Discussão (2)
Carregando comentários...