Osaisiko joku kertoa miten toteutetaan standardin mukaisesti DIV-tagin tyylittelyt css:llä? Sivuja olen väsäillyt jo muutaman vuoden, ja nyt web2:n tultua standardit ovat muuttuneet, ja ainakin firefox ja ie7 ovat uuden standardin käyttäjiä... jos teen div-elementin sivulle, ja laitan vaikka tekstiä ja kuvia sen sisälle, niin edellä mainitut selaimet eivät pistä tekstiä tai kuvia sen div:in sisään vaan heittää ne sen div:in taakse. Olen kokeillut jo kaikennäköstä mutta eipä tunnu sisältö pysyvän siellä missä haluaisin.
Div eri selaimilla
Lanceri
3571
0Äänestä
Muut lukivat myös
Odottaa vastausta
Näihin keskusteluihin ei ole vielä vastattu. Ole ensimmäinen.
Vastaukset 3
Vanhimmat
..mitä tarkoitat?
Itselläni ei ole IE seiskaa, mutta ainakaan uusimman foxin sivujenymmärrys ei ole mihinkään entisestä muuttunut.
Eikös (x)html standardit ole ihan W3C:n samat vanhat standardit edelleen, käytännön erot html4:n ja xhtml 1:n välilä ovat varsin pienet. Vai tarkoitatko xhtml2:ta? Vai jotain muuta?
»miten toteutetaan standardin mukaisesti DIV-tagin tyylittelyt css:llä?»
No sille voidaan laittaa aivan tavalliset lohkoelementin määrittelyt. En varmaan oikein ymmärtänyt kysymystäsi.
»jos teen div-elementin sivulle, ja laitan vaikka tekstiä ja kuvia sen sisälle, niin edellä mainitut selaimet eivät pistä tekstiä tai kuvia sen div:in sisään vaan heittää ne sen div:in taakse.»
???
Kyllä div on edelleen pelkkä lohkoelementti jolla ei ole mitään erityistä tarkoitusta. Siksi sitä voidaan käyttää tavallisen lohkoelementin tapaan vaikkapa eri osien ryhmittelyssä (lohkoelementtinä sen sisälle saa laittaa myös muita lohkoelementtejä ja tietenkin myös inline-elementtejä).
Span on vastaava, mutta inline elementti, silläkään ei ole mitään muuta erityistä merkitystä. Käyttötarkoituksia sille voi keksiä itse.
Laittaisitko esimerkkiä millä tavalla elementit eivät pysy divin sisällä?
jään myös höpön lailla odottamaan hieman täsmennyksiä.
En nimiitäin ole myöskään havainnut DIVin käytön/toiminnan mitenkään muuttuneen uusilla selaimilla.
CSS:n käyttö ei ole (X)HTML:ää eikä siis kuulu tälle palstalle vaan CSS-palstalle.
Kannattaa siis kysyä siellä ja kertoa sivun URL ynnä se, mitä on tarkoitus tehdä. Sitä ennen kannattanee tarkistaa sekä sivun HTML-merkkaus validaattorilla että CSS-koodin muodollinen oikeellisuus, ks.
http://jigsaw.w3.org/css-validator/
(koska noin 97,6 %:n todennäköisyydellä niissä on nyt virheitä).
”Web2” on markkinointipuhetta, jonka tarkoitus on mm. hämmentää ja sekoittaa, ja hyvin siinä on onnistuttukin. Mikään ”standardi” ei ole muuttunut.