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
443
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
Sanna Marin kysyi hämmästyneenä: Onko Suomessa jäänmurtajia?
Nettilehden toimittaja kysyi Sanna Marinilta suoraan, että sovittiinko nuo jäänmurtajien kaupat jo 2019, jolloin Marin k1484892- 1843953
SDP haluaa 40 000 nettomaahanmuuttajaa
SDP:n Suunnanmuutos-vaihtoehtobudjetissa, käy ilmi, että demarit itse asiassa vaativat räjähdysmäistä ”työperäisen” maah1203629Mikä tuota vasemmistolaisista jankkaavaa vaivaa?
Pahasti on ihon alle, siis korvien väliin, päässeet kummittelemaan. Ei ole terveen ihmisen merkki jankata yhdestä asia452930- 1381886
Nyt meni lopulliset lämmöt.
Alan käyttäytymään yhtä kylmästi miehiä kohtaan kuin mua kohtaan on käyttäydytty ja vain käytetty viimeiset pari vuotta441687Onko erityinen paikka jossa haluaisit nyt olla
Onko joku spesiaali lempipaikka missä mieluiten olisit?611369Orpo loukkaantui fasismiin viittaavasta sanavalinnasta
Mutta miksi loukkaantui? Orpohan on tehnyt yhteistyötä fasistien kanssa jo vuonna 2019, siis jo neljä vuotta ennen loukk261309Sulla on avaimet ja keinot
Jos haluat jatkaa tutustumista. Itse olen niin jäässä etten pysty tekemään enää mitään. Pidempi keppi johon on helpompi211271Hienoa! Eduskunta luopui käteisen käytöstä
Nyt tuo sama muutos pitää saada myös muuhun yhteiskuntaan. Käteistähän ei tarvitse tänä päivänä enää kuin rikolliset.311266