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

629

Ää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. Kelekkakisat

      Mikä vakava onnettomuus sattunut kisoissa. On peruttu koko kisat. Pelastuskopteri näytti käyvän paikalla.
      Nivala
      26
      11089

    2. Aivan kauheaa

      Veikö koskiuoma taas ihmishengen? Se pitää kieltää!
      Imatra
      46
      8541

    3. Onko kaivattusi

      …mielestäsi älykäs, tai kenties tyhmä? Oma mielipide.
      Ikävä
      133
      5376

    4. Kuinka pitkä välimatka

      on teidän kotien välillä?
      Ikävä
      144
      3684

    5. Epäilen ettet edes

      Kehtaisi liikkua kanssani.
      Ikävä
      69
      3608

    6. Virkamiehille tarvitaan tuntuvat palkankorotukset

      Naistenpäivänä on syytä muistuttaa, että virkamiehen euro on vain 80 senttiä. Palkat tulee saattaa samalle tasolle yksi
      Maailman menoa
      35
      3564

    7. Oletko huomannut

      Yhden muutoksen?
      Ikävä
      40
      3288

    8. Jäikö meidän välit

      Mielestäsi Kesken?
      Ikävä
      55
      2569

    9. Olisipa saanut sinuun

      Tutustua paremmin. Harmi että aloin lopulta jännittämään kun näytit tunteesi niin voimakkaasti ja lähestyit niin voimaak
      Ikävä
      39
      2091

    10. Miltä mahtaa tuntua

      Sitten kun näet hänet pitkästä aikaa?
      Tunteet
      28
      1816
    Aihe
    TietosuojaselosteKäyttöehdotEvästeasetuksetSäännöt