Ir para conteúdo

POWERED BY:

Arquivado

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

kwnds

Layout em CSS

Por , em Desenvolvimento frontend

Recommended Posts

kwnds    0

kwnds
Postado

Criei esta layout usando divs. Podem ve-la aqui.

Se for vista no FireFox ela tem um espaço entre no "Header" e "Menu2" mas no Internet Explorer não tem esse problema.

Vou deixar aqui o código html com o CSS, se alguem me conseguir ajudar agredecia.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title></head><style>#menu {float: left;width: 165px;background-color:#33FF66;position:relative;height:400px;}#pub {float: right;width: 165px;background-color:#33FF66;position:relative;height:400px;}#main {width: 440px;float: right;background-color:#33FF66;position:relative;height:400px;}#header {width: 780px;background-color:#009966;position:relative;height:50px;}#prin {width: 782px;position:relative;height:400px;}#bordamenu {width: 5px;float: left;background-color:#000000;position:relative;height:400px;}#bordapub {width: 5px;float: right;background-color:#000000;position:relative;height:400px;}#menu2 {width: 780px;background-color:#00CCFF;position:relative;height: 30px;}</style><body><div id="prin"><div id="header">  <p>Header</p></div><div id="menu2">  <p>Menu2</p>  </div> <div id = "pub">   <p>pub</p> </div>  <div id="bordapub">  </div><div id = "main">  <p>Main</p></div> <div id = "menu">   <p>menu</p></div>  <div id="bordamenu"></div></div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

kwnds    0

kwnds
Postado

Caro "gio!" um grande obrigado pela ajuda, testei o código e realmente corrigiu o meu problema.Mas se não fosse pedir muito, podias-me explicar a função desse código?Abraços

Compartilhar este post

Link para o post
Compartilhar em outros sites

Guilherme Rambo    4

Guilherme Rambo
Postado

O seletor * indica que aquilo será aplicado em todas as tags. Então ali dentro você pode zerar estes espaçamentos e outras propriedades que os elementos já tem por padrão, e que podem atrapalhar no seu desenvolvimento.[]'s

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