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

622

    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.





      ----------

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

    Luetuimmat keskustelut

    1. Rasismia kaikkialla näkevät ovat Suomen tyhmimpiä ihmisiä

      ja monillahan kuluu myös mielialalääkkeitä, eli päässä on ongelmia. Mutta he eivät tajua kuinka paljon ja ihan todellis
      Maailman menoa
      298
      6598
    2. Ei kahta sanaa etteikö Petteri Orpo hyväksy rasismia

      Koska jatkaa hallituksessa rasistisen perussuomalaisiksi itseään kutsuvan puolueen kanssa. Se on Petteri Orpon arvomaai
      Maailman menoa
      49
      5786
    3. Mitkäs nuorisoporukat ovat toisia nuoria ryöstelleet (selvää rassismia)

      No poliisi kertoo, että maahanmuuttajataustaisia ovat, ja isot porukat sillä yhden suomalaisen uhrin kimpussa on ollut j
      Maailman menoa
      185
      5254
    4. Pitkän linjan yritysjohtaja: Suomen tapahtumat eivät ole Aasian kärkiuutinen

      Viimeaikaista kohua on käytetty sisäpoliittisena lyömäaseena, Thomas Zilliacus sanoo. – Koska asiaa kuitenkin kommentoi
      Maailman menoa
      61
      4033
    5. Demarit ovat oikeasti törppöjä eli heikkoälyisiä

      ja todistavat sitä päivittäin täällä lapsellisilla jutuillaan. Kauheasti on hehkuttaneet kuinka demarien kannatus vaan
      Maailman menoa
      38
      3318
    6. Perussuomalaiset eivät harrasta maalittamista kuten vasemmisto

      Huomaa tässä keinotekoisessa "rasismi"-kohussakin kuinka vasemmistolaiset maalittavat Perussuomalaisia. Me emme vastaava
      Maailman menoa
      5
      3303
    7. HS 12/25 kysely: persut romahti, demarit raketoi

      Kyyti on kylmää persuleirissä, saattaa vetää siellä silmätkin viirulleen. Sen sijaan SDP:n puoluetoimistolla voidaan pok
      Maailman menoa
      52
      3227
    8. Töppö-persut ovat todella tyhmiä

      sen kertoo tämäkin avaus: "Persujen suosio vain laskee" Töppö-persu vaan unohtaa, että ennen tätä galluppia persujen kan
      Maailman menoa
      29
      3008
    9. Maataloustuet voi poistaa, naudan tuottajahinta pompsahtanut 25 %

      Enää ei tarvitse veronmaksajien tukea, koska maajussi saa lihasta nyt hyvää hintaa. https://yle.fi/a/74-20198739
      Maailman menoa
      11
      2232
    10. Mitäpä ostaisin ja lähettäisin Metsa Manille joulupäkitsiä?

      Vähän vaikea miettiä ja keksiä eikä pelkkää rahalahjaa oikein kehtoo. Kertokaapa te?
      Tuusniemi
      38
      998
    Aihe