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!
doctype sotkee rakenteen
3
424
Vastaukset
- 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
- 1586430
- 511854
Klaukkalan onnettomuus 4.4
Klaukkalassa oli tänään se kolmen nuoren naisen onnettomuus, onko kellään mitään tietoa mitä kävi tai ketä onnettomuudes441560- 541122
Ukraina ja Zelenskyn ylläpitämä sota tuhoaa Euroopan, ei Venäjä
Mutta tätä ei YLE eikä Helsingin Sanomat kerto.3261050Kolari Klaukkala
Kaksi teinityttö kuoli. Vastaantulijoille ei käynyt mitenkään. Mikä auto ja malli telineillä oli entä se toinen auto? Se48981Ooo! Kaija Koo saa kesämökille öky-rempan:jättimäinen terde, poreallas... Katso ennen-jälkeen kuvat!
Wow, nyt on Kaija Koon mökkipihalla kyllä iso muutos! Miltä näyttää, haluaisitko omalle mökillesi vaikkapa samanlaisen l13950Kevyt on olo
Tiedättekö, että olo kevenee kummasti, kun päästää turhista asioista tai ihmisistä irti! Tämä on hyvä näin <384908Olisinpa jo siellä, otatkohan minut vastaan
Olisitpa lähelläni ja antaisit minun maalata sinulle kuvaa siitä kaikesta ikävästä, tuskasta, epävarmuudesta ja mieleni79908Toivoisin, että lähentyisit kanssani
Tänään koin, että välillämme oli enemmän. Kummatkin katsoivat pidempään kuin tavallisesti toista silmiin. En tiedä mistä14887