[Resolvido] Sobre posicionamento!

[Joaquim 0]

Bom dia!

 

Tudo que sei sobre CSS foi estudando a partir de tutoriais. Portanto, tenho várias dúvidas.

Por exemplo, criei um layout da seguinte maneira:

* {margin:0; padding:0;}
#geral {width: 1004px; float: left;}
#anunciantes {width: 200px; margin-left:4px; float: right; text-align: right;}
#site {width:800px; background: #ffffff;}
#topo { height:140px;}
#marca { width:182px; height:92px; float:left; margin-top:22px; margin-left:30px; }
#banner { width:468px; height:60px; float:right; margin-top:40px; margin-right:30px; background-color:#666; text-align:center; }
#menu-dd { width:auto; font:16px calibri; }
#menu-dd ul li { list-style-type: none; float:left; position:relative; }
#menu-dd ul li a { width:130px; float:left; text-decoration:none; padding: 10px 15px 10px 15px; display:block; text-align:center; }
#menu-dd ul li a:hover {background:#ED1E79; }
#menu-dd ul li ul { display:none; }
#menu-dd ul li:hover ul { display:block; position:absolute; top:39px; left:0;}
#menu-dd ul li ul a { width:130px;  text-align:left; padding: 0px 15px 0px 15px;}
#conteudo {border: 1px solid #E6E6E6; padding:3px; }
#rodape {  height:48px; font:13px calibri; color:#FFF;} 
#rodape-img {float:left;}
#rodape-creditos {float:left; margin-left:6px; margin-top:9px;}

 

ATENÇÃO: menu-dd = menu dropdown

 

Acredito que este layout não tenha nenhum problema, certo?

Porém, por qual motivo muitos webdesigners utilizam nas principais "divs", em um layout exatamente igual a este, o função: Position (relative ou absolute).

Pelo que verfiquei, um layout sem esta função funciona perfeitamente e não esta errado.

 

Estou correto?

 

 

Grande Abraço

[William Bruno 1501]

Depende.. positions são perigosos se usados de forma incorreta.

Floats, margins, paddings.. ou seja, todo o box model em geral, é a melhor forma de manipular as partes do layout...

 

Porém alguns slices só são possíveis de posicionar com positions.

O que acontece, é o uso indiscriminado dessas propriedades.. por isso muitos arranjam dor de cabeça.

 

Continue assim, mas pesquise sobre os positions tb, eles são muito importantes.. e algumas coisas só são possíveis com eles.

Dê uma olhada nesse desafio de menus por exemplo:

http://forum.imasters.com.br/index.php?/topic/354140-repente-css-menus/

 

Muitos dos efeitos que pedi, só são possíveis com positions.

[Joaquim 0]

Certo, Muito Obrigado!

 

Grande Abraço