Css-koodista

Viestiketju Vapaata keskustelua -osiossa. Ketjun avasi salora 15.08.2006.

Viestiketjun tila:
Viestiketju on suljettu.
  1. salora

    salora Regular member

    Liittynyt:
    17.06.2004
    Viestejä:
    263
    Kiitokset:
    0
    Pisteet:
    26
    Voisiko joku auttaa pienehkössä pähkinässä? Alla oleva css-koodinpätkä (pätkä ja pätkä) on erittäin toimiva, mutta pienen murheen on aiheuttanut eri selaimet. Explorer näyttää sivurungon normaalisti keskellä kuvaa -15px sivun yläreunasta irti ja sivuilla on siis normaalisti tilaa taustakuvan normaalisti jäädessä tasapuolisesti sivurungon moelmmille puoille. Mozilla, Opera ja Navigator taasen työntävät tuon sivurungon vasempaan laitaan 15px ylhäältä ja vasemmasta reunasta irti pitäen siis sivurungon vasemmassa reunassa ja taustakuvan näkyessä lähes pelkästään oikealla. Mitään muuta toiminnallista puutetta sivuissa ei ole, mutta olisi mukava saada tietää mihin koodinpätkään pitäisi kiinnittää huomiota. Apuja?
    --------------------------------------------------------------------



    /* Peruselementit */
    html, body
    {
    color: white;
    font: 11px/16px "trebuchet ms", arial, helvetica, sans;
    background:#A5A592 url('tausta2.jpg') fixed center top;
    text-align: center;
    margin: 0;
    padding: 0;
    }

    p
    {
    font: 11px/16px "trebuchet ms", arial, helvetica, sans;
    text-align: justify;
    letter-spacing: 1px;
    margin: 0 0 0;
    padding: 0 22px 15px;
    }

    a
    {
    color: #9BF8F9;
    text-decoration: none;
    }

    a acronym
    {
    color: #59365f;
    text-decoration: none;
    }

    #linkkilista a acronym
    {
    color: #ffae00;
    text-decoration: none;
    }

    a:hover
    {
    color: #feffff;
    font-size: 14px;
    text-decoration: underline;
    }

    acronym
    {
    color: #ffae00;
    text-transform: uppercase;
    cursor: help;
    }

    /* erikoisdivit */
    #alaosa
    {
    background: transparent url(palkki2.gif) no-repeat left bottom;
    padding: 20px 0 60px 22px;
    }

    #runkoa
    {
    background: #B4D3B7 url(sivukuva.jpg) repeat-y;
    display: block;
    margin: 30px;
    padding: 0;
    position: relative;
    width: 770px;
    }

    #lvalinta
    {
    background: #55012b url(linkkiala.jpg) no-repeat left bottom;
    padding-bottom: 30px;
    position: relative;
    }

    #ltuotteet, #llinkkihommat
    {
    background: #b99ab8 url(linkkikuva2.jpg) no-repeat left bottom;
    margin-top: 26px;
    padding-bottom: 15px;
    }

    /* sivun grafiikat */
    #ylaRunko
    {
    background: url(logo1.jpg) no-repeat 0 0;
    text-indent: -2000px;
    margin: 0;
    padding: 0;
    height: 366px;
    }

    #ylaRunko h2
    {
    line-height: 0;
    background: #411948 url(otsikko.jpg) no-repeat;
    text-indent: -2000px;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    top: 385px;
    left: 355px;
    width: 370px;
    height: 68px;
    }

    #boksi
    {
    background-color: #59365f;
    text-align: left;
    margin: 82px 0 0;
    padding: 0;
    position: relative;
    top: 0;
    left: 355px;
    width: 370px;
    height: auto;
    }

    * html #ylaRunko h2, * html #boksi { left: 155px; }

    #boksi p
    {
    font-style: italic;
    font-weight: bold;
    padding-right: 22px;
    padding-left: 22px;
    width: 323px;
    }

    h3
    {
    text-indent: -2000px;
    margin: 0;
    padding: 0;
    }

    h1, h2 { display: none; }

    #kuvat h3
    {
    background: url(otsikko2+.jpg) no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 370px;
    height: 48px;
    }

    #sijainti h3
    {
    background: url(otsikko4.jpg) no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 370px;
    height: 48px;
    }

    #palaute h3
    {
    background: url(otsikko5.jpg) no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 370px;
    height: 48px;
    }

    #hinnasto h3
    {
    background: url(otsikko6.jpg) no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 370px;
    height: 48px;
    }

    #uutiset h3
    {
    background: url(otsikko7.jpg) no-repeat 0 0;
    margin: 0;
    padding: 0;
    width: 370px;
    height: 48px;
    }

    #kuvat, #aputeksti
    {
    background-color: #59365f;
    text-align: left;
    position: relative;
    left: 355px;
    width: 370px;
    }

    * html #kuvat, * html #aputeksti
    {
    background-color: #59365f;
    text-align: left;
    position: relative;
    left: 155px;
    width: 370px;
    }

    /*linkkilista
    */

    #linkkilista
    {
    position: absolute;
    top: 366px;
    left: 82px;
    width: 229px;
    overflow: hidden;
    }

    #linkkilista2
    {
    text-align: left;
    position: relative;
    left: 38px;
    width: 191px;
    }

    #linkkilista h3
    {
    margin: 0;
    width: 229px;
    height: 68px;
    }

    #linkkilista h3.valinta
    {
    background: url(linkkieka.jpg) no-repeat left top;
    position: relative;
    right: 38px;
    }

    #linkkilista h3.tuotteet
    {
    background: url(tuotteet.jpg) no-repeat left top;
    margin-top: 23px;
    position: relative;
    right: 38px;
    }

    #linkkilista h3.linkkihommat
    {
    background: url(linkit.jpg) no-repeat left top;
    margin-top: 23px;
    position: relative;
    right: 38px;
    }

    #linkkilista h3.valinta span
    {
    color: #feffff;
    font-size: 12px;
    font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
    text-transform: uppercase;
    text-indent: 0;
    letter-spacing: 1px;
    display: block;
    padding-top: 40px;
    padding-left: 70px;
    }

    #linkkilista h3.tuotteet span, #linkkilista h3.linkkihommat span { display: none; }

    #linkkilista ul
    {
    margin: 0;
    padding: 0;
    }

    #linkkilista li
    {
    font-size: 11px;
    line-height: 11px;
    background: url(luoti.gif) no-repeat 0 12px;
    list-style-type: none;
    display: block;
    margin: 0 0 0 14px;
    padding: 0 0 0 20px;
    height: auto;
    }

    #linkkilista li a
    {
    color: #feffff;
    font-size: 11px;
    font-weight: bold;
    line-height: 15px;
    text-decoration: none;
    background: transparent;
    display: block;
    padding: 9px 0 0 0;
    width: auto;
    }

    #linkkilista li a:hover
    {
    color: #ffae00;
    text-decoration: underline;
    }

    #linkkilista li a.c:link, #linkkilista li a.c:visited
    {
    color: #ffae00;
    font-size: 11px;
    font-weight: normal;
    line-height: 15px;
    display: inline;
    }

    #linkkilista li a.c:hover
    {
    color: #feffff;
    text-decoration: underline;
    }

    #linkkilista #ltuotteet li, #linkkilista #llinkkihommat li
    {
    background: url(bullet2.gif) no-repeat 0 9px;
    list-style-type: none;
    display: block;
    margin-left: 14px;
    padding-left: 20px;
    height: 25px;
    }

    #linkkilista #ltuotteet li a, #linkkilista #llinkkihommat li a
    {
    color: #411948;
    padding-top: 5px;
    padding-bottom: 3px;
    }

    #linkkilista #ltuotteet li a:hover, #linkkilista #llinkkihommat li a:hover { color: #feffff; }

    /* lisädivit */
    #plus1, #plus2, #plus3, #plus4, #plus5, #plus6 { display: none; }
     
    Viimeksi muokattu: 15.08.2006
  2.  
Viestiketjun tila:
Viestiketju on suljettu.

Jaa tämä sivu