Aloittelin tuossa sivupohjaa, mutta homma tökkii niin pahasti, etten pääse jatkamaan. Olisin todella kiitollinen jos joku selvittäis mulle, missä menee vikaan.
Kysymys siis kuuluu: Miksi css-tiedoston #main -kohdan taustakuva ei toistu tuolla taustalla ja muodosta tavoiteltua reunaviivaa? IE:ssä ja Operassa reunaviivat kyllä näkyvät.
Sivu on osoitteessa : http://pp.kpnet.fi/olli/templates/Pilvipohja/
Css-tiedosto löytyy osoitteesta:
http://pp.kpnet.fi/olli/templates/Pilvipohja/main.css
Kysymys siis kuuluu: Miksi css-tiedoston #main -kohdan taustakuva ei toistu tuolla taustalla ja muodosta tavoiteltua reunaviivaa? IE:ssä ja Operassa reunaviivat kyllä näkyvät.
Sivu on osoitteessa : http://pp.kpnet.fi/olli/templates/Pilvipohja/
Css-tiedosto löytyy osoitteesta:
http://pp.kpnet.fi/olli/templates/Pilvipohja/main.css
Vastaukset 3
Vanhimmat
Korjaus
#content
{
Width : 935px;
Margin-bottom : 15px;
Margin-top : 15px;
Margin-right : 15px;
Margin-left : 15px;
Background-color : transparent;
Outline : solid blue thin;
overflow:hidden; /*
Tämä Overflow oli mulle aivan uusi juttu. Kiitos avusta. En vain aivan ymmärrä, mitä tuo overflow oikeastaan tekee, vaikka vilkasin sitä myös W3schoolin oppaasta. En varmaan osaa sitä soveltaa seuraavissa projekteissa...
Jos haluatte selittää, niin en panisi siitä pahakseni. :-)
IEssä on bugi, jolloin elementin #content koko määräytyy siinä olevien elementtien mukaan ja taustakuva näkyy.
Korjaus korjaukseen: Lipsahti
overflow:hidden vaikka piti olla overflow:auto, vaikka kyllä se ensimmäinenkin korjaa asian.