ugrás a tartalomhoz

pozicionálás

Batka1985 · 2010. Ápr. 15. (Cs), 20.19
Sziasztok. Kérdésem az lenne, hogy miért nem sikerül az align="center" parancsal a wrapper div-et, azaz az oldalt, középre pozicionálnom? Mindig csak a tartalmat teszi középre, a helyett hogy az oldalt tenné. A forrásomban nem látható az align="center" mivel nem működött. Mit rontottam el?
HTML:

<html lang="en">
<head>
    <title><!-- Insert your title here --></title>
   
    <link rel="stylesheet" href="div_jo_style.css" type="text/css">

   
</head>
<body>
    <div id="wrapper" class="wrapper">
   
        <div class="header">
            header
        </div>
       
        <div class="menu_left">
            menu_left
        </div>
       
        <div class="content">
            content
        </div>
       
        <div class="footer">
            footer
        </div>    
   
    </div>    
</body>
</html>


CSS:

.wrapper{ width: 800px;
          background-color: #FFFFFF;
          }
         
.header {height: 150px;
         background-color: yellow}

.menu_left { width: 150px;
             background-color: #000000;
             float: left;}

.content { width: 650px;
           background-color: red;
           float: right;}
           
.footer { height: 100px;
          background-color: green;
          clear: both;}
‹ CSS igazítás Firefox-ban Javasript fájl készítés ›
 ■
1

margin

Poetro · 2010. Ápr. 15. (Cs), 21.20
.wrapper { margin: 0 auto; }
2

mert az nem

csman007 · 2010. Ápr. 15. (Cs), 21.21
Mert az nem center.
A középre akarod rakni az oldalt ezt kell használnod

.wrapper{ width: 800px;
          background-color: #FFFFFF;
          margin: 30px auto;
          }
a margin: auto teszi be középre az oldalt, a 30 px előtte pedig annyit jelent hoyg 30 pixelre a tetejétől.
3

Köszi mindkettőtöknek,

Batka1985 · 2010. Ápr. 16. (P), 08.49
Köszi mindkettőtöknek, működik!