Autor Zpráva
robbie
Profil *
Mnozí mají problem s vycentrováním stránky i ja sem ze začátku nechápal, proto sem dávám tento stručný návod:

kod:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style type="text/css">

             #wrapper{ margin:0 auto; /* POYNáMKA: Důležitý řádek pro vycentrování stránky, WRAPPER obaluje jakoby DIV LEFT a DIV RIGHT a FOOTER*, šířka WRAPPERu je      960px*/
        background-color: #999;          
        width:960px;
        height:400px;
        
        }
                        
            
            
#left{color:white;
      
      margin-right:10px;
      
      float:left;
      width:470px;
      height:162px;
      background:darkgrey;
      
     }
            
#right{ color:white;
      margin-left:10px;
      float:left;
      width:470px;
      height:162px;
      background:#dcdcdc;
       
      }
    
 #footer{ color:white; 
    float:left;
    width:960px;
    height:100px;
    margin:50px auto 0px auto;;
    background:#d3d3d3;
    
    }
    
<body>
    
    <div id="wrapper">

<div id="left">

Obsah divu left
</div>/*Konec divu LEFT*/
    
<div id="right">
    Zde  bude obsah divu right
    
</div>/*Konec divu RIGHT*/
    
 <div id="footer">
 Zde bude obsah footeru
 </div>/*Konec divu FOOTER*/
    
</div> /*Konec divu Wrapper*/

    
</body>    
    
      
    
</html>
Tomáš123
Profil
robbie:
Tí čo vedia ako vycentrovať stránku to robia krajšie ako je uvedené v tvojom príklade; tých, čo to nevedia týmto nezachrániš.

Konkrétne sa mi nepáčia riadky 1, 2, 4, 1, 4, 16, 25, 31, 32, 33, 34.

Kód, ktorý má demonštrovať centrovanie by nemal obsahovať dekoračné prkotiny.

POYNáMKA: Důležitý řádek pro vycentrování stránky, WRAPPER obaluje jakoby DIV LEFT a DIV RIGHT a FOOTER*, šířka WRAPPERu je      960px
S formuláciu a úpravou si sa veľa nenadrel.

Aj keby som všetko uvedené upravil tak, ako si predstavujem, nemyslím si, že by bol kód plne vhodný pre učebné účely.
Trejpa
Profil
robbie:
Snaha se cení, ale v příkladu nedomýšlíš pár věcí, namátkou neukončené plavání a přetékání obsahu přes nastavenou výšku bloků. Naštěstí pár komentovaných příkladů již vzniklo:
Vodorovné centrování - Jednoduché schéma stránky

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0