|
nettisivujen yhteensopivuus, firefox bugaa
|
|
Junior Member
|
22. tammikuuta 2009 @ 03:49 |
Linkki tähän viestiin
|
Eli yrittänyt rakentaa tuossa siedettäviä ulkoasuja seuran sivustoille. Ensimmäistä kertaa perehdyin tuohon css ihmeelliseen maailmaan ja useamman tunnin opiskelun jälkeen onnistuin saamaan sivustoista järkevän näköiset. Pahaksi onneksi huomasin, että firefoxilla avatessa sivusto ie:n sijasta mikään ei satu enään kohdalleen. Voisiko joku kokeneempi guru vähän neuvoa mitenkä saan nuo kohdalleen.
kyseessä siis sivusto joka löytyy osoitteesta http://www.zippo.arkku.net/bujinkan
|
Senior Member
3 tuotearviota
|
22. tammikuuta 2009 @ 04:10 |
Linkki tähän viestiin
|
|
En ole koskaan mitään sivuja kokeillut väsätä, joten neuvoja en valitettavasti osaa antaa. Sen sijaan huomasin, että myös Operalla on havaittavissa pientä ongelmaa: Teksti tulee tuosta laatikosta ulos oikealta reunalta, Firefoxia minulla ei enää ole mutta siinä varmaan käy samalla tavalla?
GA B85M D3H | E3-1230V3 | True Spirit 120 M BW Rev.A | Asus R9 270X DCII TOP | SF-600P14XE-PRO | 8GB RAM | PNY 120GB SSD | WDC WD10EZEX | Fractal Define Mini | Win7 64bit Pro |
|
Senior Member
|
22. tammikuuta 2009 @ 10:10 |
Linkki tähän viestiin
|
|
Nopealla silmäyksellä ongelma voi olla "laatikko"-css:n padding komennossa. Tämäntapaisia ongelmia voi kokeilla ratkaista niin että muuttaa jotain tiettyä arvoa vähän tai paljon kerrallaan ja klikkaa nettiselaimesta/selaimista refresh/päivitä nappia, jolloin näkee heti muutoksen sivuilla.
Suosittelen pitämään nuo css:n komennot samassa css-tiedostossa, niin ongelmat on helpompi nähdä ja korjata.
Suosittelen myös käyttämään html-tiedostopäätteitä, koska se on nykyään tuetumpi, kuin tuo htm.
:.Phantomenium.:
|
Junior Member
|
22. tammikuuta 2009 @ 11:48 |
Linkki tähän viestiin
|
|
|
|
Kellopeli
Suspended due to non-functional email address
|
22. tammikuuta 2009 @ 12:39 |
Linkki tähän viestiin
|
Pistät koko sivun divien sisään.
css voisi olla seuraava:
body
{
text-align: center;
}
div#wrppr
{
margin-left: auto;
margin-right: auto;
text-align: left;
width: 800px;
}
...
<body>
<div id="wrppr">
...
</div>
</body>
...
Viestiä on muokattu lähettämisen jälkeen. Viimeisin muokkaus 22. tammikuuta 2009 @ 12:43
|
Junior Member
|
22. tammikuuta 2009 @ 12:44 |
Linkki tähän viestiin
|
Tällä hetkellä olen yrittänyt saada toimimaan näin.
Index.html sisältää seuraavanlaista.
<body bgcolor="#242424" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="container">
[Tässä on bannerin divit, valikon divit, tekstilaatikon divit ym.]
</div>
</div>
</div>
</body>
</html>
CSS style.css sisältää taas rivit:
#container {
width:960px;
margin:0 auto;
text-align:center;
}
Mutta ei ota toimiakseen. Missä teen virheen?
EDIT: Tjahas, nyt taisikin onnistua tuo wrappaus oikein. Jos joku vielä voisi sanoa, että näkyykö sivustolla virheitä?
Viestiä on muokattu lähettämisen jälkeen. Viimeisin muokkaus 22. tammikuuta 2009 @ 12:50
|
|
pietu_red
Member
1 tuotearvio
|
22. tammikuuta 2009 @ 12:50 |
Linkki tähän viestiin
|
Tapojahan tähän on monia. Usein sivusto kokonaisuudet rakennetaan yhden divin sisälle, jotta koko rakenteen siirtely ja hallinta onnistuu myös sen kautta. Eli tässä esimerkkitapauksessa pää divin nimi on container.
Eli CSS:n tämmönen lisäys:
#container {
width: 600; // mikä ikinä dokumentin rajattu koko on
text-align: center;
margin: 0 auto;
}
ja sitten itse html:
<div id="container"> // heti bodyn jälkeen.
// tähän kaikki elementit containerin sisälle, eli käytännössä
</div> // ennen bodyn loppua
voidaan toki toteuttaa myös css classina, mutta containeria ei käytetä kuin kerran.
C2D E6400 @ 2133mhz + Xigmatek HDT, P5Q PRO, Kingston Hyper-X 4GB 1066mhz, ATI Radeon HD 4770, Antec NSK6500 + NeoHE 430w
|
|
Kellopeli
Suspended due to non-functional email address
|
22. tammikuuta 2009 @ 12:50 |
Linkki tähän viestiin
|
Sulla on lopussa yksi ylimääränen </div> ?
Kannattaa pitää css ja html erillään toisistaan niin ei tule päällekkäisyyksiä vahingossa.
|
|
pietu_red
Member
1 tuotearvio
|
22. tammikuuta 2009 @ 12:55 |
Linkki tähän viestiin
|
Lainaus, alkuperäisen viestin kirjoitti zippaaja:
Tällä hetkellä olen yrittänyt saada toimimaan näin.
Index.html sisältää seuraavanlaista.
<body bgcolor="#242424" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div id="container">
Mutta ei ota toimiakseen. Missä teen virheen?
poista tuosta html koodista bodyn attribuutit pois, eli jätä ainostaan <body>. Ja lisää css, body{ sisälle
background: #242424;
C2D E6400 @ 2133mhz + Xigmatek HDT, P5Q PRO, Kingston Hyper-X 4GB 1066mhz, ATI Radeon HD 4770, Antec NSK6500 + NeoHE 430w
|
Junior Member
|
22. tammikuuta 2009 @ 13:06 |
Linkki tähän viestiin
|
|
No niin. Nyt toimii juuri niinkuin haluan. Ongelmia näemmä tuotti tuon body komennon sisällys hieman, kuin myös wrappauksen aloitus väärästä paikasta.
Demonisen iso kiitos kellopelille ohjeistuksesta.
|
|
Mainos
|
|
|
|
Kellopeli
Suspended due to non-functional email address
|
22. tammikuuta 2009 @ 13:13 |
Linkki tähän viestiin
|
Sivun sisältö ei ole keskellä, koska containerin leveys on 800px ja containerin sisällä olevien elementtien leveydeksi olet antanut 600px.
Tästä saattaa olla hyötyä:
http://getfirebug.com/
|
