Kysymys; kuinkas saan "keskitettyä" diveillä tehdyn lay-outin?
Vastaukset 5
- yksi tapa
- Make
Kiitoksia kovin, täytyypä kokeilla tuota!
- ellamolla
Make kirjoitti:
Kiitoksia kovin, täytyypä kokeilla tuota!
Loppujen lopuksi aika helppoa, kunhan tietaa mita pitaa tehda, heh...Jonkin aikaa sai taistella, nykyaan teen sen aina noin. Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla. Ja tietenkin tyyli kannattaa laittaa omaksi css-tiedostokseen, jos on useampia sivuja.
----- esimerkki.html -----------
Sivu
* {margin:0; padding:0;}
body {
text-align: center;
}
#sivu {
width: 600px;
height: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: beige;
text-align: left;
}
#vasen {
float:left;
width: 200px;
background-color: yellow;
}
#oikea {
float: left;
width: 400px;
background-color: pink;
}
Sivu
Tässä on vielä sivu jaettu kahteen osaan. Tässä voisi
olla vaikka valikko.
Tässa voisi olla sisalto. - Höpö
ellamolla kirjoitti:
Loppujen lopuksi aika helppoa, kunhan tietaa mita pitaa tehda, heh...Jonkin aikaa sai taistella, nykyaan teen sen aina noin. Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla. Ja tietenkin tyyli kannattaa laittaa omaksi css-tiedostokseen, jos on useampia sivuja.
----- esimerkki.html -----------
Sivu
* {margin:0; padding:0;}
body {
text-align: center;
}
#sivu {
width: 600px;
height: 500px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
background-color: beige;
text-align: left;
}
#vasen {
float:left;
width: 200px;
background-color: yellow;
}
#oikea {
float: left;
width: 400px;
background-color: pink;
}
Sivu
Tässä on vielä sivu jaettu kahteen osaan. Tässä voisi
olla vaikka valikko.
Tässa voisi olla sisalto.»Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla.»
Kyse on oikeasti siitä, että tuo margin:auto on nimenomaan se jolla keskitys suoritetaan. IE ei ymmärrä kyseistä määritystä mikäli sivua ei tarjota strictinä html:änä, silloin täytyy käyttää IE:tä varten tuota text-aling:center ja perään korjata ettei sitä tekstiä oikeasti haluta keskittää.
Fiksumpaa olisi tehdä strictiä koodia, niin tuota IE kikkailua ei tarvittaisi. - ellamolla
Höpö kirjoitti:
»Tarkeaa muistaa laittaa nuo sivumarginaalit autoiksi, jotta toimii myos mozillalla.»
Kyse on oikeasti siitä, että tuo margin:auto on nimenomaan se jolla keskitys suoritetaan. IE ei ymmärrä kyseistä määritystä mikäli sivua ei tarjota strictinä html:änä, silloin täytyy käyttää IE:tä varten tuota text-aling:center ja perään korjata ettei sitä tekstiä oikeasti haluta keskittää.
Fiksumpaa olisi tehdä strictiä koodia, niin tuota IE kikkailua ei tarvittaisi.Njoo...enpa ole tuota tiennyt. Itse koodaan joka tapauksessa aina strictilla. Otin tuosta esimerkista dokumenttityypin maarittelyt pois tilan saastamiseksi, vaikka olisihan ne voinut siihen jattaakin.
Ketjusta on poistettu 0 sääntöjenvastaista viestiä.
Luetuimmat keskustelut
- 961194
Poutalan onnettomuus
https://www.mtvuutiset.fi/artikkeli/ministeri-mika-poutala-vakavassa-onnettomuudessa/9375980 Kumma kun jutussa ei manit95966- 60816
Missä on Sofia Virta? Loistaa poissaolollaan Erikoisjoukot uudelta kaudelta
Vihreiden puheenjohtaja, kansanedustaja Sofia Virta pääsi otsikoihin, kun tieto hänen osallistumisestaan Erikoisjoukot-k35811Olen pahoillani
Olen mokannut pahasti ja pilannut sinun ja monen muun ihmisen maineen. Anteeksi. Muutan toiselle paikkakunnalle. Hyvästi52807Onko sinulla vihan tunteita
Minua kohtaan? Haluatko kostaa jotakin tai tehdä pahaa? Voit tähän sanoa ihan luottamuksella.125759- 2714
- 59591
Naisen kimppuun lenkkipolulla
Poliisin tietojen mukaan noin 30–40 vuotias ulkomaalaistaustaisen näköinen mies kävi naisen kimppuun yllättäen Rentukant39506Ei ole siitä kiinni
Että en tykkäisi. Tykkään liikaa, mutta se on epäsopivaa. Hirveää kidutusta ruokkia tunnetta täällä, jos todellisuudessa33496