Gumi webhely elrendezését, webáruház Larisa Voronina

HTML egy gumi elrendezést.

Az index.html fájl egy blokk elrendezés.

CSS stílusok gumi elrendezést.

A style.css fájl írás stílusok.

html, testmagasság. 100%;
háttérben. # 000;
>
.wrapper árrés. 0 auto;
szélessége. 90%;
max-width. 1200px;
magasságot. 100%;
túlcsordulás. rejtett;
>
.fej szélessége. 100%;
magasságot. 100px;
text-align. központ;
háttérben. #ccc;
árrés. 0 0,5%;
>
.oldalsáv úszó. bal oldalon;
szélessége. 20%;
magasságot. 70%;
text-align. központ;
háttérben. #ccc;
árrés. 0,5% 0,5% 0,5% 0;
>
.tartalom háttérben. #ccc;
szélessége. 58%;
lebegnek. bal oldalon;
árrés. 0,5%;
magasságot. 70%;
text-align. központ;
>
.hirdetés háttérben. #ccc;
szélessége. 20%;
lebegnek. jog;
árrés. 0,5% 0 0,5% 0,5%;
magasságot. 70%;
text-align. központ;
>
.Lábjegyzet háttérben. #ccc;
árrés. 0 0,5%;
magasságot. 70 képpont;
lebegnek. bal oldalon;
overflow: hidden;
szélessége. 100%;
text-align. központ;
>

Figyeljük meg, hogy a szélessége és magassága a blokkok legtöbb esetben azt adja meg százalékban.

a „gumi” ellenőrzés és a tesztelés.

A „gumi” elrendezés, akkor ellenőrizze a következőket obazom:

Nyisd az elrendezés minden böngésző, kapcsolja ki a böngésző ablak kattintva znachok a jobb felső sarokban.

És az egér változó a méret a böngésző ablakot. Layout ebben az esetben „alkalmazkodni”, hogy a méret a böngésző ablakot.