Rekisteröidy

Ilmoitukset

Ladataan…

    Näytä kaikki

    CSS-asettelu

    Seuraava esimerkki mukailtu W3schoolsin sivuilta.
    Lähde: Http://www.w3schools.com




    div.container
    {
    width:100%;
    margin:0px;
    border:1px solid gray;
    line-height:150%;
    }
    div.header,div.footer
    {
    padding:0.5em;
    color:white;
    background-color:gray;
    clear:left;
    }
    h1.header
    {
    padding:0;
    margin:0;
    }
    div.left
    {
    float:left;
    width:160px;
    margin:0;
    padding:1em;
    }
    div.content
    {
    width:100px;
    margin-left:190px;
    border-left:1px solid gray;
    padding:1em;
    }
    div.right
    {
    margin-right: 40px;
    margin-top: -611px;
    float:right;
    width:50px;
    border-left:1px solid gray;
    padding:1em;
    }





    W3Schools.com
    "Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)

    Free Web Building Tutorials
    At W3Schools you will find all the Web-building tutorials you need,
    from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
    W3Schools - The Largest Web Developers Site On The Net!
    Oikea reunapalkkiiiiii
    Copyright 1999-2005 by Refsnes Data.





    ONGELMA:
    Saako tuon oikean palkin toimimaan tuohon oikeaan reunaan tuolla asettelulla jotenkin muuten, kuin laittamalla miinuspikseleitä?

    Nythän se siis on Firefoxilla tuolla ylhäällä, mutta IE:llä se ei olekaan ylhäällä.... Jokin tuossa siis mättää.
    2806
    Äänestä

    Muut lukivat myös

    Vastaukset 2

    Vanhimmat

    div.container
    {
    width:100%;
    margin:0px;
    border:1px solid gray;
    line-height:150%;
    }

    div.header,div.footer
    {
    padding:0.5em;
    color:white;
    background-color:gray;
    clear:left;
    }

    h1.header
    {
    padding:0;
    margin:0;
    }

    div.left
    {
    float:left;
    width:160px;
    margin:0;
    padding:1em;
    }

    div.content
    {
    width:100px;
    margin-left:190px;
    border-left:1px solid gray;
    padding:1em;
    }

    div.right
    {
    float:right;
    width:50px;
    margin: 0;
    padding:1em;
    border-left:1px solid gray;
    }






    W3Schools.com



    "Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)



    Oikea reunapalkkiiiiii



    Free Web Building Tutorials
    At W3Schools you will find all the Web-building tutorials you need,
    from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
    W3Schools - The Largest Web Developers Site On The Net!



    Copyright 1999-2005 by Refsnes Data.






    ja se doctype ei ole turhan takia ;)

    Äänestä

    • Eli tuossahan taisi olla ideana se, että eka tulee left asettelu, sitten right asettelu ja sitten tuo content...

      Kun taas minulla oli left, content ja viimeisenä right.

      Miksi tuo järjestys vaikuttaa tuohon tuolla tavalla?

      Äänestä

    Odottaa vastausta

    Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.

    Luetuimmat keskustelut

    Kommentoi aloitusta

    pieni ongelma kirjoitti:

    Seuraava esimerkki mukailtu W3schoolsin sivuilta.
    Lähde: Http://www.w3schools.com




    div.container
    {
    width:100%;
    margin:0px;
    border:1px solid gray;
    line-height:150%;
    }
    div.header,div.footer
    {
    padding:0.5em;
    color:white;
    background-color:gray;
    clear:left;
    }
    h1.header
    {
    padding:0;
    margin:0;
    }
    div.left
    {
    float:left;
    width:160px;
    margin:0;
    padding:1em;
    }
    div.content
    {
    width:100px;
    margin-left:190px;
    border-left:1px solid gray;
    padding:1em;
    }
    div.right
    {
    margin-right: 40px;
    margin-top: -611px;
    float:right;
    width:50px;
    border-left:1px solid gray;
    padding:1em;
    }





    W3Schools.com
    "Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)

    Free Web Building Tutorials
    At W3Schools you will find all the Web-building tutorials you need,
    from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
    W3Schools - The Largest Web Developers Site On The Net!
    Oikea reunapalkkiiiiii
    Copyright 1999-2005 by Refsnes Data.





    ONGELMA:
    Saako tuon oikean palkin toimimaan tuohon oikeaan reunaan tuolla asettelulla jotenkin muuten, kuin laittamalla miinuspikseleitä?

    Nythän se siis on Firefoxilla tuolla ylhäällä, mutta IE:llä se ei olekaan ylhäällä.... Jokin tuossa siis mättää.

    Anonyymi
    5000

    Ilmoita asiaton sisältö

    • Sisältää materiaalia, joka on loukkaavaa, herjaavaa, rasistista, uhkailevaa tai ahdistelevaa.

    • Materiaali sisältää nimiä, yhteystietoja tai muita henkilökohtaisia tietoja. Julkisuuden henkilöistä, julkisissa viroissa toimivista ihmisistä sekä yritysten vastuuhenkilöistä saa keskustella työhön liittyen. Myös yksityiselämään liittyvistä asioista voi keskustella siltä osin, kuin niistä on julkisesti kerrottu.

    • Sisältää lapsille haitallista tai heiltä kiellettyä materiaalia. Seksuaalinen sisältö on sallittua aiheeseen tarkoitetuilla palstoilla, joiden ikäraja on 18 vuotta.

    • Lainvastaista sisältöä voi olla mm. yksityiselämää loukkaavan tiedon levitys, kiihottaminen kansanryhmää vastaan, laiton uhkaaminen, alaikäisiin liittyvä seksuaalinen sisältö/grooming, petokset, identiteettivarkaudet, kunnianloukkaukset ja tekijänoikeusrikkomukset.

    • Sisältö ei liity palstan tai keskusteluketjun aiheeseen.

    • Viesti ei ole suomea tai ruotsia (pl. International Forums), se sisältää mainontaa, se sisältää tekijänoikeuksin suojattua materiaalia, se on massapostitus tai jokin muu syy.

    Jaa keskustelu