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
801
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
Joensuun kaupunki levittelee tonttitietoja Keskisuomalaiselle
Sähköposteja ja tonttitietoja levitellään mm. Pasi Koivumaalle132000Oletko nainen alkanut kammoamaan minua
Sinua ei näy eikä kuulu, ja ilmeisesti kiertelet tilanteita. Oletko huomannut, että olet vieläkin ajatuksissani luvattom631405Saako 60 v vielä töitä? Arto Nyberg puhuu suoraan elämästä ilman töitä
Arto Nyberg täyttää tänään 60 v. Onnea! Nyberg totuttiin näkemään suoran haastatteluohjelman kapteenina vuodesta toise981351Toivoisitko Rakas vielä?
Haluaisitko vielä? Uskoisin osaavani näyttää sinulle, kuinka ainutlaatuinen nainen olet.681225Tiesitkö tätä ex-miehistä? Noriko Salo jysäytti yllätyspaljastuksen
Noriko Salo ja ex-F1 kuski Mika Salo olivat naimisissa v. 1999-2022. Kirsi Salon ex-mies puolestaan on muusikko Sammy A51131Ihan pieni näkeminen vaan
👋 ja minä olisin valmis jo vaikka mihin sun kanssa. Nämä on näitä.. 🤫🫣😘💥31987En haluaisi kaiken kuihtuvan pois
ilman, että olemme voineet jutella rauhassa kasvotusten... Mutta mistä ihmeestä löydän sinut?52986- 47981
Keskustelua kasteesta
You tubessa kaksi pappia keskustelivat kasteesta ja kritisoivat raamatullista uskovien kastetta. Toinen heistä yritti334950Huh, huh! Sofia Belorf ei ole itse pessyt hiuksiaan kolmeen vuoteen
Sofia Belorf elää ökyelämää Dubaissa. Sofian arjessa kulta, raha ja luksus ovat vahvasti läsnä. Luksuselämään tottuneell38879