Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá pessoal... Não estou conseguindo criar o layout de uma página com TOPO, 2 colunas e rodapé.
Alguêm me ajuda...
Aí vai o código:
CSS/ Lálálá... ^^ /, body, html { margin : 0; padding : 0; }body { background-color : #000; }/ Isso vai servir para centralizar o design, se eu quiser. =D /#site { width : 778px; margin : 0 auto; background: #000 url(../images/img1.gif) repeat-y; }/ Aqui determino o topo... /#topo { position: relative; width: 778px; color: #fff; background: #A0A0A0 url(../images/topo.jpg) center no-repeat scroll; height: 321px; }/ Agora o conteúdo + menu... Essa é a parte que tah dando mais trabalho... ¬¬ /#tudo { width: 778px; overflow: visible; }#tudo #menu, #tudo #conteudo {float:left;}#tudo #menu { width: 148px; color: #000; background-color:#fff; }#tudo #conteudo { left: 148px; top: 0px; width: 630px; color: #fff; }/ Vamos ao Rodapé... ^^ */#copyright { width: 778px; height: 56px; color: #000; background: #aaa url(../images/rodape.gif) repeat-x; }
HTML<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">Surto.com.brhttp-equiv="imagetoolbar" content="no" /><meta http-equiv="Pragma" content="no-cache" /><meta name="robots" content="all" /><meta name="language" content="pt-br" /><link rel="stylesheet" type="text/css" href="estilos/screen.css" /></head><body><div id="site"> <div id="topo"></div> <div id="tudo"> <div id="menu"> <ul> <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </li> <li>Curabitur sit amet pede non lacus aliquet cursus. </li> <li>Donec lacinia tempus nibh. </li> <li>Vestibulum consequat iaculis lorem. </li> <li>Donec lacinia tempus nibh. </li> <li>Vestibulum consequat iaculis lorem. </li> <li>Donec lacinia tempus nibh. </li> <li>Vestibulum consequat iaculis lorem. </li> <li>Donec lacinia tempus nibh. </li> <li>Vestibulum consequat iaculis lorem. </li> </ul> </div> <div id="conteudo"> <p>Lálálá... </p> <p>Loren bla bla bla... </p> </div> </div> <div id="copyright"></div></div></body></html>
Desde já agradeço... =)
[]'s
OBS: No IE, ele aparece normalz... No FF não...
Carregando comentários...
