asemointi diveillä 3 kolumnia

Walluska

Eli seuraavanlainen asemointi tai sen selvennys pitäisi saada sivulle div-elementeillä:

vasemmalla ja oikealla navigointipalkit ja keskellä yläpalkki ja sen alla tekstiosa.

Vasemman ja oikean navipalkin pitäisi pysyä keskiosan (ylä/tekstiosa)vieressä, vaikka 10px päässä näistä kummallakin puolella. ja nämä kolumnit olisivat 150px leveitä.

Sen sijaan keskiosalla olisi maksimileveys ja minimileveys, jota kapeammaksi keskikolumni siis ei menisi.

Tämä kaikki olisi sivulla keskitettynä.

Eli kolme kolumnia, jotka olisi keskitetty ruudun keskelle ja keskikolumnin koko muuttuisi maksimi/minimikon mukaan riippuen selainikkunan koosta ja vasemmalla ja oikealla puolella 10px:n päässä keskikolumnista olisivat kiinteälevyiset vasen ja oikea kolumni linkkipalkkeina.

Voisiko joku laittaa elementtien oikean järjestyksen html-koodissa ja mahdollisesti myös style-koodia.

8

641

Äänestä

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Walluska

      http://img530.imageshack.us/img530/1461/nimetnfq6.jpg

      Täällä on kuva siitä millaista rakennetta haen

      Eli otikko-osa ja keskiosa venyvät min/max arvojen rajoissa ja vasen sekä oikea navipalkki tai kolumni seuraavat 10px:n etäisyydellä, siten että elementit on keskitetty ikkunassa.

      • Walluska
      • Walluska
      • Walluska
    • Walluska
    • ejje
    • Poro1

      muokata tuosta w3schools.com mallista:
      ---------------



      body
      {
      margin-top: 120px;
      }
      div.container
      {
      width:100%;
      margin:0px;
      border:1px solid gray;
      }
      div.header,div.footer
      {
      padding:0.5em;
      color:white;
      background-color:#68a32b;
      clear:left;
      }
      h1.header
      {
      padding:0;
      margin:0;
      }
      div.left
      {
      float:left;
      width:160px;
      margin:0;
      padding-left: 0.5em;
      }
      div.content
      {
      margin-left:190px;
      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!
      Copyright 1999-2005 by Refsnes Data.





      ----------

    • Farkas

    Ketjusta on poistettu 0 sääntöjenvastaista viestiä.

    Takaisin ylös

    Luetuimmat keskustelut

    1. Pike surkea

      Pike on surkea
      Ikävä
      15
      3960

    2. Vesikin maksaa, miksei hengitysilma?

      Jatkuvasti itketään ettei ole rahaa mihinkään, mutta tilastojen mukaan rahaa on enemmän kuin koskaan, joten miksei asial
      Maailman menoa
      2
      1625

    3. Satuolennoista tarinointi ei kuulu peruskoulun tehtäviin

      Opetustunteja on muutenkin käytössä vain rajallinen määrä. Eli nämä satuhommat koulun ulkopuolelle vapaaehtoisiin harras
      Maailman menoa
      106
      1587

    4. Suomalainen perheenisä vaatii Suvivirren esittämisestä hyvityksiä

      Itse lapsena uskonnonopetuksesta vissiin traumoja saanut ihka suomalainen (!) perheenisä vaatii Espoon kaupungilta korva
      Maailman menoa
      225
      1085

    5. Lahkokasteen ja kristillisen kasteen erot

      Raamatun mukaan Kristillisessä yhdessä kasteessa Jumala pesee ja puhdistaa ihmisen sydämen ja poistaa perisynnin kirouks
      Kaste
      422
      1068

    6. Mitä haluaisit

      Tehdä kaivattusi kanssa?
      Ikävä
      124
      881

    7. Heikki Paasosen Marita-vaimo jätti tunteikkaat jäähyväiset: "Tällä kertaa me..."

      Heikki Paasonen on naimisissa Marita Paasosen (os. Alatalo) kanssa ja heillä on kaksi pientä lasta. Nyt koitti aika jätt
      Suomalaiset julkkikset
      2
      836

    8. Kuka omistaa keltaisen vanhan aravan?

      Pitäs saada rakennuksen omistajaan yhteys, rappukäytävät on siivottomassa kunnossa. Hiekkaa ja roskia rappusissa, lisäks
      Haapavesi
      29
      817

    9. Känsäkoura ja hotelli

      Tietoa kuka ostanut?
      Kuhmo
      10
      805

    10. Pirkanlinna yleisötapahtuma

      Oli todella hyvä tilaisuus. Ja EERO. L. Aivan mahtava tyyppi. Veti rennosti ja asiallisesti. Ja yleisöltä hyviä kysymyks
      Ähtäri
      45
      789
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt