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
438
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
Nyt tajusin mitä haet takaa
En epäile etteikö meillä olisi kivaa missä vaan. Se on iso hyppy henkisellä tasolla sinne syvempään päätyyn, kuten tiedä433753- 382508
Naiselle mieheltä
Huomasin tuossa, että jääkaapissani on eräs sinun ostamasi tuote edelleen avaamattomana. Arvaatko mikä?342031- 231782
- 171699
Ihmetteletkö, mihin sinussa ihastuin?
Pikkuhiljaa huomasin, että olet ainutlaatuinen luonne, plussana tietysti ulkoiset avut. Toista ei taida löytyä koko maai1001612- 231598
Mitä yhteistä on sulla ja kaivatulla?
Onko teillä samantyyppinen olemus tai luonne? Vai muistuttaako vartalonne toisiaan? Tai kasvot? Entä pukeutuminen? Onko991466- 241457
- 221419