Salve a tutti... spero possiate aiutarmi perchè son due giorni che sto diventando pazzo... Sono alle prime armi e sto studiando ma questa proprio non mi riesce... In prativa io vorrei che nell'header ( largo tutto schermo) ci fosse in mezzo un contenitore(chiamiamolo "mastheader") largo 960px. Dentro questo div vorrei mettere 2 div allineati( "logo" e "search" orizzontalmente al centro. Poi sotto il mastheader vorrei il <nav> per metterci la lista con dei link anche questa larga 960px. IL PROBLEMA E' CHE NON MI SI ALLINEANO I PRIMI DUE!!!!!
Ecco il codice
NEL CSS:Codice HTML:
<body>
<header>
<div class="mastheader">
<div id="logo">
QUI CI ANDRA' IL LOGO
</div>
<div id="search">
qui vorro' metterci un campo ricerca
</div>
</div>
<div id="wide">
</div>
<nav>
qui metterò la lista con i link
</nav>
</header>
Grazie intanto...Codice:body{
width:100%;
position:relative;
background-color:#CCC;}
/*inizio parte testa*/
header {
background-color:#F00;}
div.mastheader {
width:100%
display: inline-block;
margin:0 auto;
text-align:center;}
#wide{
clear:left;}
nav {background-color:#003;
min-height:20px;}
#logo{
height:150px;
width:300px;
margin:0 auto;
background-color:#666;
background-repeat:no-repeat;
border-bottom:#09F;}
#search {background-color:#00F;
height:150px;
margin:0 auto;
width:340px;}
