Support » Teemat ja mallit » Sivu koko ikkunan kokoiseksi vaikkei sisältöä ole

Sivu koko ikkunan kokoiseksi vaikkei sisältöä ole

  • ArtoW

    (@artow)


    13 vuotta, 1 kuukausi sitten

    Uusi WP käyttäjä kaipaa neuvoja:)

    Eli täytyisi saada sivu koko selaimen ikkunan kokoiseksi vaikkei sisältöä olisikaan. Ja footer sivun alareunaan myös.
    Teemana on Weaver v2.0

    Olen nyt asettanut css:ään seuraavia:

    html, body { height:100%; }
#wrapper { position:relative; min-height:100%; margin:0 auto; }
#footer { position:absolute; bottom:0; widht:100%; }

    Näillä olen saanut sivun toimimaan melkein halutusti. Tulee kuitenkin vierityspalkkia pystyyn sekä vaakaan. Pystyyn vähän, ikään kuin jossain olisi ylimääräistä marginia tai paddingia. Vaakaan tulee koska #footerista tulee leveämpi kuin #wrapper.

    Olen näillä tehnyt yksinkertaisen xhtml/css sivun joka toimii. Onko tässä WP:ssä tai teemassa vielä jotain mikä kaipaisi säätöä?

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • Moderator hpguru

    (@hpguru)

    13 vuotta, 1 kuukausi sitten

    Sivun linkki auttaisi neuvomaan paremmin, jolloin näkisi tarkemmin mistä on kysymys ja kuinka korjata.

    Thread Starter ArtoW

    (@artow)

    13 vuotta, 1 kuukausi sitten

    Totta:) Aikalailla kesken vielä mutta näkee sieltä ongelman.

    blog.toivu.net

    Moderator Mikko Saari

    (@msaari)

    13 vuotta, 1 kuukausi sitten

    Testailin Safarilla ja Tarkista elementti -työkalulla (tuo ja Firebug ovat ihan välttämättömiä varusteita tällaiseen puuhaan) ja footer ainakin asettui sillä, että poisti sen ”width: 100%”-asetuksen siitä.

    Pystysuunnan suhteen en osaa auttaa, mutta minusta tuo laatikko olisi huomattavasti mukavamman näköinen, jos sen ylä- ja alapuolella olisi vähän tyhjää. Entäs jos siihen wrapperiin laittaisi vaikka jonkun ”min-height: 400px” tjsp, niin ei jää loota ihan pieneksi, jos sivu on lyhyt, mutta ei tule ongelmia koko sivun koon kanssa?

    Thread Starter ArtoW

    (@artow)

    13 vuotta, 1 kuukausi sitten

    Tuo #footerin 100% olikin tuon teeman vakio asetus. Otin sen pois niin se asettui kyllä sillä.
    Totta kyllä, että on mukavamman näköinen jos on vähän tyhjää ylä- ja alapuolella. Nyt sivulla on #wrapper min-height 620 muistaakseni ja vähän marginia. 800px pystyresolla tulee nytkin vierityspalkki.

    Onnistuisikohan jos laittais ylimääräisen div-elementin #wrapperin ympärille jolle antaisi 100% korkeuden, ja marginilla ja paddingilla säätäisi tyhjää alareunaan..
    Täytyy säätää ja kokeilla kun pääsee kotiin koneen ääreen.

    Mihinkähän tuo elemntti pitäisi lisätä? Kun en ole tähän php:hen perehtynyt.

    Moderator Mikko Saari

    (@msaari)

    13 vuotta, 1 kuukausi sitten

    Olisko index.php tai header.php? Vaikea sanoa teemastasi sen rakennetta näkemättä.

    Thread Starter ArtoW

    (@artow)

    13 vuotta, 1 kuukausi sitten

    Tosiaan tuohon index.php:hen kun sen lisää saa ylimääräisen elementin #wrapperin ympärille etusivulle. Tuota #wrapperia ei kyllä siinä tiedostossa ole. Muut sivut tulee nähtävästi eri pohjasta.

    Tuolla sai kyllä sivuun sopivasti tyhjää ylös ja alas, mutta sivusta tulee jostain syystä isompi kuin ikkuna.

    Jätän sen nyt noin vähäksi aikaa jos joku haluaa katsoa.

Esillä 6 vastausta, 1 - 6 (kaikkiaan 6)
  • The topic ‘Sivu koko ikkunan kokoiseksi vaikkei sisältöä ole’ is closed to new replies.

Aiheen avainsanat

Näytöt