Autor Zpráva
Blanka
Profil *
Prerábam stránky http://www.frontinus.sk na beztabulkove. Robím to podla Plaváčkovho návodu na http://www.owebu.cz/css/vypis.php?clanek=76 . Všetko mi celkom ide, až na patičku - chcela by som, aby bola čisto čierna, ale opakuje sa mi tam pozadie (šedá zvislá čara), ktoré je na stránke. Viem, že je to tým, že pozadie je definovaná pre celú hlavnú stránku, teda aj pre patičku. Lenže Plaváček má patičku bez toho pozadia - teda čisto čiernu, bez pravého obrázku, ten končí nad patičkou. Chcela by som, aby to u mňa bolo tiež tak. Neviem, kde som urobila chybu. Akú fintu v zápise štýlov použiťt?
Pre názornosť - je to na http://www.frontinus.sk/index1.php . Velmi sa mi nepáči ani to, že to pozadie
je aj hore nad logom, ale nad tým by sa dalo prižmúriť oko, tam dole ma to hnevá viac.
Zápis v štýloch danej oblasti je:

body {

background-color: #000;
color: #FFF;

font-family: Verdana,"Arial CE","Helvetica CE",sans-serif;
font-size: 13px;
font-weight: bold;
margin: 0;
padding: 0;
text-align: center;
Min-width: 770px;
}

#page {
width: 750px;
margin: 1em auto;
padding: 1em;
text-align: left;
border: 2px solid #C0C0C0;

background: url("images/pozadie.gif") repeat-y left;
}

#obsah {
width: 580px;
float: right;
background-color: transparent;
color: #FFF;
min-height: 200px;
_height: 200px;
}

#menu {
width: 150px;
float: left;
}

#paticka {
color: #fff;
font-size: 10px;
background: #000;
border-top: 1px solid #C0C0C0;
clear: both;

}


Ďakujem za rady.
Plaváček
Profil
Asi nejjednodušší řešení, které ti k takto postavenému stylu mohu doporučit, je vrazit celý obsah do jiného divu, asi takto:

<div id="page">
<div id="page-in">

tady bude celý kod, který už máš napsaný

<div id="paticka">tady je obsah paticky</div>

</div>
</div>


ve stylu odstraníš pozadí v prvku #page
a pro blok #page-in ho naopak nastavíš takto:


#page-in {
background: url("pozadie.gif") repeat-y left;
}

pro blokový prvek #obsah si nastav menší šířku takto:

#obsah {
width: 570px;
}

a jestli jsem tvůj dotaz správně pochopil, měl by celý výsledek vypadat podobně:

http://klient.plavacek.net/prac.html
Blanka
Profil *
Ďakujem veľmi pekne, teraz musím ísť do roboty, ale večer sa na to hneď vrhnem. Aké jednoduché, keď to človek vie, že?:-)
Toto je už "mimo mísu" - ale čo bude s tým seriálom, ktorý ste sľúbili šéfredaktorovi Intervalu? Na Owebu sa už asi pokračovania nedočkám a aj keď tam bol solídny CSS-základ, predsa len - nabudúce sme už mali vkladať text a ja som sa na to celé leto tešila.:-)
Ešte raz Vám ďakujem veľm pekne. A veľa píšte, ste môj naobľúbenejší súčasný český literát, myslím si, že keby naraz zmizol Internet z povrchu zemského, uživila by Vás hravo literatúra.
Toto téma je uzamčeno. Odpověď nelze zaslat.

0