doctype sotkee rakenteen

apuuva!

Kaikki näytti hyvältä kunnes lisäsin doctypen, jolloin koko container levisi liikaa oikealle sivulle ja alareunaan ilmestyi vierityspalkki. Itse "leipäteksti" (content) siirtyi sivun alareunaan kun sen piti olla vasemmalla olevan linkkilistan oikealla puolella.

body {margin: 10px 40px 13px 40px;
text-align: center;}

#container {width: 700px;
    margin: 0 auto;
text-align: left;}

#banner {width: 700px;
      height: 223px;
      padding-top: 30px;}

#linklist {width: 23%;
    float: left;
margin: 0px 25px 20px 0px;}

#content {width: 100%;
    margin-top: 15px 5px 0px 0px;}
   
#footer {clear: left;
    width: 700px;}

Miten saan "leipätekstin" oikealle paikalleen ilman ja ylimääräiset 40px oikeasta reunasta pois? Kiitos jos neuvotte!

3

389

    Vastaukset

    Anonyymi (Kirjaudu / Rekisteröidy)
    5000
    • Höpö.

      ..mikä on "oikea paikka"

      ..minkä doctypen lisäsit sivulle. Käytetty dtd nimittäin vaikuttaa.

      ..millainen on sivun html-osuus. Koitin tuota antamaasi css:ää eikä siinä mitään vierityspalkkia alareunaan tullut.

      ..miksi content olisi linkkilistan oikealla puolella? ei sitä ainakaan css:ssä ole määrätty. Linkkilista on tosin määrätty kelluvaksi vasemmalla mutta mihin nähden? Ei näe koodia jota tuolla käsketään..

      • Höpö.

        Veikkaan että rakenne on jotain tällaista:

           

           
              
           
           
           
              
           

           
              
           




              


        Näin kun kattelee niin IE tosiaan alkaa näyttää erilailla stricktiä dtd:tä käyttäessä ku ilman.

        En ole ihan varma miksi se dtd tuossa noin vaikuttaa, mutta vika saattaisi olla vaikka siinä että yrität laittaa vierekkäin linklistin (23% containerin leveydestä) ja contentin (100% containerin leveydestä). Ilmeisesti 123% ( marginaalit vielä päälle) on enemmän kuin mitä mihinkään voi mahtua vierekkäin. Siksi selain (ainakin IE) viskoo ne allekkain.
        Koita pienentää containerin leveyttä!

        Pistetään tähän täälla aikeisemminkin kerrottu vinkki, joka helpottaa sivujen asettelussa ilmenevien virheiden paljastumista:

        Laita css:n alkuun seuraava:

              * {   border: 1px solid Black;   }

        Nyt elementeille tulee reunat, joten on helpompi katella missä ne reunat on ja minkä kokoisia elementit oikeastaan ovat.


      • nyt toimii
        Höpö. kirjoitti:

        Veikkaan että rakenne on jotain tällaista:

           

           
              
           
           
           
              
           

           
              
           




              


        Näin kun kattelee niin IE tosiaan alkaa näyttää erilailla stricktiä dtd:tä käyttäessä ku ilman.

        En ole ihan varma miksi se dtd tuossa noin vaikuttaa, mutta vika saattaisi olla vaikka siinä että yrität laittaa vierekkäin linklistin (23% containerin leveydestä) ja contentin (100% containerin leveydestä). Ilmeisesti 123% ( marginaalit vielä päälle) on enemmän kuin mitä mihinkään voi mahtua vierekkäin. Siksi selain (ainakin IE) viskoo ne allekkain.
        Koita pienentää containerin leveyttä!

        Pistetään tähän täälla aikeisemminkin kerrottu vinkki, joka helpottaa sivujen asettelussa ilmenevien virheiden paljastumista:

        Laita css:n alkuun seuraava:

              * {   border: 1px solid Black;   }

        Nyt elementeille tulee reunat, joten on helpompi katella missä ne reunat on ja minkä kokoisia elementit oikeastaan ovat.

        Pienensin containerin sekä contentin leveyksiä ja kokeilemalla löysin sopivat arvot joilla rakenne pysyy kasassa.
        Kiitos avusta!


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

    Luetuimmat keskustelut

    1. Mietitikö nainen koskaan

      Miksi me ollaan päädytty tähän pisteeseen. Lähestmistapaa ei ole. Tarvitaanko me oikeasti enää tätä.
      Ikävä
      121
      1748
    2. Olisi hauska tietää

      Koska huomasit pitäväsi minusta? Itse taisin ihastua sinuun heti silloin kun tavattiin ensimmäistä kertaa. Miehelle, jon
      Ikävä
      62
      1113
    3. Marin on ehkä maailman kaunein "Nelikymppinen"

      Marinin julkaisu on saanut yli 68 500 tykkäystä. Postauksen kommenttikentässä ylistetään paljon Marinin kauneutta, jota
      Maailman menoa
      145
      1099
    4. Apua. Onks mä jotenki erikoinen ?

      Oon ihastunu paljon vanhempaan mieheen.
      Ikävä
      97
      915
    5. En kelpaa sinulle

      Varattuna - olen sinulle ongelma. Eroaminen vuoksesi voi olla turhaa, sillä me ei puhuta, kun olen varattu ja kumpikin v
      Ikävä
      76
      910
    6. Vernu Vasunta

      On mahotonta miten marjanpoimijoita on kohdeltu! Eikö paremmalla kohtelulla olisi saanut paremman tuloksen?
      Suomussalmi
      23
      891
    7. Minun on vaan päästettävä irti

      Toiveesta. Satutan vain itseäni😥😔. Toivon sinulle pelkkää hyvää, eläthän elämäsi parasta aikaa, mutta en halua enää k
      Ikävä
      37
      850
    8. Kertoisit jo

      Rakastatko minua vai olenko käsittänyt väärin onko tämä vaan ystävyyttä tai kaveruutta? En haluaisi enää nolata itseäni
      Ikävä
      42
      769
    9. Taidat vanhempi nainen

      Haluta sen tien itsellesi. juokse vaan karkuun ! Pahentaa vaan asiaa.Pitäs toimia ihan toisin päin
      Ikävä
      61
      764
    10. En koskaan saanut asiattomia kuvia!

      Silloin kun olin vielä nuori, kukaan mies ei koskaan lähettänyt minulle asiattomia kuvia itsestään. Jos tiedätte mitä ta
      Sinkut
      156
      731
    Aihe