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
411
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
Miehille kysymys
Onko näin, että jos miestä kiinnostaa tarpeeksi niin hän kyllä ottaa vaikka riskin pakeista ja osoittaa sen kiinnostukse1364035- 881982
Olen tosi outo....
Päättelen palstajuttujen perusteella mitä mieltä minun kaipauksen kohde minusta on. Joskus kuvittelen tänne selkeitä tap151861Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornosta
https://www.kymensanomat.fi/paikalliset/8081054 Kotkalainen Demari Riku Pirinen vangittu Saksassa lapsipornon hallussapi571487Haluaisin jo
Myöntää nämä tunteet sinulle face to face. En uskalla vain nolata itseäni enää. Enkä pysty elämäänkin näiden kanssa jos541442Ylen uutiset Haapaveden yt:stä.
Olipas kamalaa luettavaa kaupungin irtisanomisista. Työttömiä lisää 10 tai enempikin( Mieluskylän opettajat). Muuttavat1331385VENÄJÄ muuttanut tänään ydinasetroktiinia
Venäjän presidentti Vladimir Putin hyväksyi tiistaina päivitetyn ydinasedoktriinin, kertoo uutistoimisto Reuters. Sen mu991312- 741206
- 941067
- 691053