21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Alexx
Profil
Ahoj zkouším si pozicování ale mam problém.Vytvořil jsem si box do kterého jsem vložil celou stránku aby byla na středu ale zaroveň je stránka trochu odsazená dolů přesto že jsem použil margin:0 auto;
Mohl by mi někdo poradit co s tím díky moc.
celý kod:
/* CSS Document */
#box
{
width:960px;
margin: 0 auto;
}


#header
{
width:100%;
height:200px;
background:#CC9900;
margin:0px;

}

#menu
{
width:100%;
height:30px;
background:#660099;
padding-top:15px;


}



a
{
color:red;
padding:15px;

}



#leve_menu
{

width:200px;
background:#faf0e6;
height:300px;
padding-top:15px;


}


<!DOCTYPE html>

<html lang="cs-cz">
        <head>
                <meta charset="utf-8" />
                <title>Moje stranka</title>
                <link rel="stylesheet" type="text/css" href="styly.css"/>
        </head>

        <body>
        <div id="box">
         <div id="header"><h1>Vitejte na mem prvnim webu</h1> </div>
         <div id="menu"><a href="http://www.seznam.cz/">odkaz1</a>  
           <a href="http://www.seznam.cz/">odkaz2</a> 
           <a href="http://www.seznam.cz/">odkaz3</a>
           <a href="http://www.seznam.cz/">odkaz4</a>
            
         </div>
         
        <div id="leve_menu">
        <ul>
        <li>Polozka1</li>
        <li>Polozka2</li>
        <li>Polozka3</li>
        </ul>
        </div> 
        
        </div>
        </body>
</html>
juriad
Profil
Jednak přidej reset odsazení stránky vůči oknu prohlížeče (obvykle jej chceš, protože si odsazení chceš nastavit sám někde jinde):
html, body {
    padding: 0;
    margin: 0;
}

A ten druhý problém souvisí s vytékáním marginu h1 mimo #box. Máš tam i popis řešení.
Alexx
Profil
Ahoj děkuji za odpověď ale problém jsem stále nevyřešil nastavil jsem #box overflow:auto; reset odsazení taky
Tomáš123
Profil
Alexx:
Prilož prosím živú ukážku.
Alexx
Profil
<!DOCTYPE html>

<html lang="cs-cz">
        <head>
                <meta charset="utf-8" />
                <title>Moje stranka</title>
                <link rel="stylesheet" type="text/css" href="styly.css"/>
        </head>

        <body>
        <div id="box">
         <div id="header"><h1>Vitejte na mem prvnim webu</h1> </div>
         <div id="menu"><a href="http://www.seznam.cz/">odkaz1</a>  
           <a href="http://www.seznam.cz/">odkaz2</a> 
           <a href="http://www.seznam.cz/">odkaz3</a>
           <a href="http://www.seznam.cz/">odkaz4</a>
            
         </div>
         
        <div id="leve_menu">
        <ul>
        <li>Polozka1</li>
        <li>Polozka2</li>
        <li>Polozka3</li>
        </ul>
        </div> 
        
        </div>
        </body>
</html>
/* CSS Document */

html,body
{
padding:0;
margin:0;
}


#box
{
width:960px;
margin:  auto;
overflow:auto;
}


#header
{
width:100%;
height:200px;
background:#CC9900;
margin:0px;

}

#menu
{
width:100%;
height:30px;
background:#660099;
padding-top:15px;


}



a
{
color:red;
padding:15px;

}



#leve_menu
{

width:200px;
background:#faf0e6;
height:300px;
padding-top:15px;


}
Tomáš123
Profil
Alexx:
Takže nakoniec je to presne tak ako písal juriad. Živé ukážky prikladáme v tunajšom editore kod.djpw.cz. Na začiatok CSS časti som pridal pár riadkov.
Alexx
Profil
dobře ještě si to pročtu díky moc

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0