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

602

Ää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. Miksi et irrota otettasi

      Suhteeni?
      Ikävä
      74
      2952

    2. Koko ajan olet

      Senkin suhteen kiusannut. Halut on ihan mielettömät olleet jo pitkään
      Ikävä
      68
      2827

    3. Muutama syy

      Sille miksi IRL kohtaaminen on hänelle vaikeaa
      Ikävä
      68
      1822

    4. Tykkään susta

      Elämäni loppuun asti. Olet niin suuresti siihen vaikuttanut. Tykkäsit tai et siitä
      Ikävä
      17
      1679

    5. Onko kaivatullasi

      Hyvä vai huono huumorintaju?
      Ikävä
      24
      1657

    6. Estitkö sä minut

      Oikeasti. Haluatko, että jätän sun ajattelemisen? :3
      Ikävä
      20
      1600

    7. Onko kaikki hyvin, iso huoli sinusta

      Miten jakselet? Onko sattunut jotain ikävää. Naiselta
      Ikävä
      25
      1582

    8. Tiedätkö tykkääkö

      Kaivatustasi siinä mielessä joku muukin kuin sinä itse
      Ikävä
      48
      1297

    9. Millainen meno

      Viikonloppuna? Mulla hirvee vitutus päällänsä. Onko muilla sama tunne??
      Ikävä
      38
      1273

    10. Onko meillä

      Molemmilla nyt hyvät fiilikset😢ei ainakaan mulla mutta eteenpäin on mentävä😏ikävä on, kait se helpottaa ajan myötä. Ko
      Ikävä
      9
      1259
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt