Seuraava esimerkki mukailtu W3schoolsin sivuilta.
Lähde: Http://www.w3schools.com
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
width:100px;
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
div.right
{
margin-right: 40px;
margin-top: -611px;
float:right;
width:50px;
border-left:1px solid gray;
padding:1em;
}
W3Schools.com
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)
Free Web Building Tutorials
At W3Schools you will find all the Web-building tutorials you need,
from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
W3Schools - The Largest Web Developers Site On The Net!
Oikea reunapalkkiiiiii
Copyright 1999-2005 by Refsnes Data.
ONGELMA:
Saako tuon oikean palkin toimimaan tuohon oikeaan reunaan tuolla asettelulla jotenkin muuten, kuin laittamalla miinuspikseleitä?
Nythän se siis on Firefoxilla tuolla ylhäällä, mutta IE:llä se ei olekaan ylhäällä.... Jokin tuossa siis mättää.
CSS-asettelu
2
669
Vastaukset
- kekkekee
div.container
{
width:100%;
margin:0px;
border:1px solid gray;
line-height:150%;
}
div.header,div.footer
{
padding:0.5em;
color:white;
background-color:gray;
clear:left;
}
h1.header
{
padding:0;
margin:0;
}
div.left
{
float:left;
width:160px;
margin:0;
padding:1em;
}
div.content
{
width:100px;
margin-left:190px;
border-left:1px solid gray;
padding:1em;
}
div.right
{
float:right;
width:50px;
margin: 0;
padding:1em;
border-left:1px solid gray;
}
W3Schools.com
"Never increase, beyond what is necessary, the number of entities required to explain anything." William of Ockham (1285-1349)
Oikea reunapalkkiiiiii
Free Web Building Tutorials
At W3Schools you will find all the Web-building tutorials you need,
from basic HTML and XHTML to advanced XML, XSL, Multimedia and WAP.
W3Schools - The Largest Web Developers Site On The Net!
Copyright 1999-2005 by Refsnes Data.
ja se doctype ei ole turhan takia ;)- aloittajalta...
Eli tuossahan taisi olla ideana se, että eka tulee left asettelu, sitten right asettelu ja sitten tuo content...
Kun taas minulla oli left, content ja viimeisenä right.
Miksi tuo järjestys vaikuttaa tuohon tuolla tavalla?
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 813504
Hakkarainen: persut Venäjän ja Pohjois-Korean tiellä
Hakkarainen entisenä persujen kärkipoliitikkona tietää, mitä puhuu. https://www.is.fi/politiikka/art-2000010422614.html2002012Ilouutinen! Anniina Valtonen heitti jymy-yllätyksen - Tämä ei jätä kylmäksi!
Ohhoh, tämäpä ylläri! Anniina Valtonen sai puolisonsa kanssa lapsen viime vuoden lopulla. Lue lisää: https://www.suomi2261968Fuengirola.fi: Kohuissa rypenyt Jari Sillanpää, 58, harvinaisessa haastattelussa: "Minä haluan..."
Ex-tangokuningas on kertonut kuulumisiaan Espanjan Aurinkorannikolta. Että ei muuta kuin elämässä etiäpäin, Jari Sillanp271588Ootko muuten vieläkään hiffannut
Että en kuulu sinun maailmaasi? On meissä samaa, ja samaa aaltopituutta oli, mutta tunsin oloni usein hyvin vaivautuneek1661425Miten nyt sanoisin
tämän sinulle. Oletko mielessäni päivittäin, kysyin itseltäni ja vastaus oli, kyllä olet. Yllätyin, päädyin oudoille tei881415- 521119
- 991075
- 55864
- 59850