Olá pessoal, Estou com um problema na meu layout que não consigo resolver de jeito nenhum. Depois que eu criei a div #wrapper pra centralizar o site todo, apareceram umas margens superiores e inferiores que não consigo retirar. Também gostaria de saber como manter width 100% no layout para que o site não fique com esse aspecto quadrado e o layout flua melhor. Avaliações sobre meu código são bem vindas também. :) XHTML>> ``` Layout de teste 01

``` ``` ``` ```

Seja bem vindo!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent porta porta orci, sit amet accumsan nibh vestibulum et. In non elit vitae velit tempus semper id non felis. Fusce auctor lacinia erat a tincidunt. In turpis dolor, cursus vitae dapibus ut, elementum vitae dui. Vivamus congue sollicitudin nibh, in consequat tellus eleifend ut. Pellentesque sit amet nulla non nunc semper bibendum ac ac dolor. Donec id odio commodo nulla eleifend sodales. Sed non metus mi. Duis et tellus a felis porttitor fermentum et in sem. Proin nec orci ac dui vestibulum blandit. ```

``` Proin ante erat, malesuada eget consectetur sed, vestibulum eget leo. Quisque sed nisl elit, ut viverra ligula. Fusce eu porta leo. Sed mauris nisi, ultricies sit amet rutrum id, tempor eu magna. Vestibulum tempor mi sed lacus lacinia facilisis. Proin eget nisl nisl. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris justo metus, lacinia sit amet luctus at, commodo ac metus. Etiam quam lorem, euismod at mollis eget, eleifend sit amet elit. Nunc mollis mauris vitae nisl adipiscing porttitor. In eleifend metus vitae lorem placerat sagittis. In placerat tempus elit, vitae consectetur dolor sollicitudin at. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras condimentum, lorem eget dapibus porttitor, urna velit mollis enim, ac tincidunt lorem est vitae dui. Praesent sit amet dolor neque, et rhoncus lorem.

``` ====================== CSS>> *{overflow-x: hidden; padding:0; border:0; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif } ``` #wrapper{ position:relative; margin:0 auto; width:960px; height:auto; } ``` /* inicio do header */ ``` #header{ width:960px; height:150px; background:#507181; float:left; } .logotipo{ padding-top:15px; float:left; margin-left:50px; } .habilidades{ font-size:10pt; padding-top:108px; margin-left:690px; color:#E8FFF9; } ``` /* inicio da barra de menu */ ``` .nav-menu{ list-style-type:none; margin-left:20px; margin-top:18px; padding:0; width:960px; float:left; } ``` .nav-menu li{ ``` margin-left:30px; font-weight:bold; display:inline; padding:0px; } ``` .nav-menu li a{ ``` color:#E8FFF9; text-decoration:none; } ``` .nav-menu li a:hover{ ``` color:#8BFFB5; text-decoration:none; } .bar-menu{ width:960px; height:60px; background:#163A56; float:left; margin-top:0px; } ``` /* inicio conteudo */ ``` #content{ width:960px; height:600px; background:#E8FFF9; float:left; } .descript-home{ text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:12px; margin-left:50px; margin-top:80px; margin-right:50px; } .bemvindo{ text-align:left; font-family:Tahoma, Geneva, sans-serif; font-size:18px; margin-left:50px; margin-top:80px; margin-right:50px; } ``` /* inicio rodape */ ``` #footer{ width:960px; height:80px; background:#507181; float:left; } .copyright{ color:#F3F3F3; padding-top:20px; margin-left: 50px; font-size:12px; } ```

murilodesigner

CSS - Problema com margem e width 100%