Téma: div és css mániám

Hey!

Én a divekre esküszöm bár itt a munkahelyemen van egy kollega aki meg a table-re tehát minden nap van egy kis csatánk budapestarena.hu/html/ (az eseménynaptárnál a naptár is divekből van összerakva...)
csak div elméletileg full valid és mindegyik böngészőben pontosan ugyanúgy néz ki... egy kis ízelítő hogy miért érdemes még divekre áttérni

webkit.org/blog/138/css-animation/

Firefoxal nem látszik mert még nem támogatja ezt a technológiát de le van írva hogy mit kéne neki csinálni. Ha esetleg megakarjátok nézni akkor töltsétek le a safarit. Van win es változata is és azon is működik a cucc

Üdv
P

Egyértelműen a css+div a nyerő! Eleve táblázatok div-es szerkezet tulajdonságait szebben tudom meghatározni, gyorsabban töltődik, átláthatóbb, stb..
De teljesen más logika kell hozzá mint táblázatos felépítéshez, ezért akik már régen tanulták a webszerkesztést azoknak nehezebb megbarátkozni vele. Én is így voltam, de haladni kell. Egyébként a table így csak a helyére kerül, mert valóban táblázatok és nem honlapszerkezet készítésére használják.
Hogy miért jobb még? Érdemes megnézni EZT a szórakoztató irományt..

ui: kicsit visszaolvasva az előzményekbe: SEO-t szerintem minimálisan befolyásolja a dives, vagy táblás szerkezet. Talán ha nagyon kesze-kusza szerkezet alakul ki akkor a magasabb fájlméret miatt..úgy gondolom... Időben pedig nekem valóban lassabban megy div-eset készíteni. De szerintem csak mert még mindíg a táblázatos logikájára áll az agyam

Adrianweb eredeti hozzászólása

Hogy miért jobb még? Érdemes megnézni EZT a szórakoztató irományt..

Ezt én is olvastam régebben, nagggyon jó kis írás.

Kicsit felélesztem a topikot. Alább beillesztek egy kép linket. Egy ilyen kereső boxot kellene csinálnom. A kérdésem az lenne, hogy ezt is DIV módszerrel valósítanátok meg? Vagy csak DIV-tagben legyen benne a táblázat?

kepek.rcoffroad.hu/public/kereso.jpg

Igen, ezt is div-ben. Egy fő divbe beletehetsz több div-et. Esetleg li-vel is meg lehet oldani (több oldalas a leírás):
http://www.webreference.com/programming/css_lists/

szpetya eredeti hozzászólása

Hey!

Én a divekre esküszöm bár itt a munkahelyemen van egy kollega aki meg a table-re tehát minden nap van egy kis csatánk budapestarena.hu/html/ (az eseménynaptárnál a naptár is divekből van összerakva...)
csak div elméletileg full valid és mindegyik böngészőben pontosan ugyanúgy néz ki... egy kis ízelítő hogy miért érdemes még divekre áttérni

webkit.org/blog/138/css-animation/

Firefoxal nem látszik mert még nem támogatja ezt a technológiát de le van írva hogy mit kéne neki csinálni. Ha esetleg megakarjátok nézni akkor töltsétek le a safarit. Van win es változata is és azon is működik a cucc

Üdv
P

Szerintem egy kicsit átestél a ló másik oldalára: a táblázat nem egy ősellenség, érdemes használni ott, ahol valóban táblázatokról van szó! A gond csak akkor szokott lenni, amikor az egész weblap van táblázatokból összerakva.

Max a kek szinu hatter miatt lehet szukseg ehhez a dologhoz egy divre.
Abba teszed egymas melle a labeleket, amik display:block; es float:left;
Ha megvan mind az ot, akkor johet mondjuk egy span tag ami clear:both;
Ezt kovetoen pedig egymas melle a selectek ugyancsak display:block; es float:left;
Persze minden labelnek es selectnek belovod a szelesseget magassagot paddingot stb.

Legalabbis en igy csinalnam egy divvel es table nelkul.

udv: t4p

KKrisz eredeti hozzászólása

Kicsit felélesztem a topikot. Alább beillesztek egy kép linket. Egy ilyen kereső boxot kellene csinálnom. A kérdésem az lenne, hogy ezt is DIV módszerrel valósítanátok meg? Vagy csak DIV-tagben legyen benne a táblázat?

kepek.rcoffroad.hu/public/kereso.jpg

Az azért OK, hogy a DIV szép és jó, de mikor az első ilyen oldalamat csináltam, belefutottam jópár dologba, amivel rengeteget szívtam. Pl. a következő varázsszavak:
"css equal height columns"

És a megoldás? Hack, hack és hack....
Mióta DIV-ekkel operálok, fennt van minden böngésző a gépemen, hogy folyamatosan tudjak tesztelni. Na ez azért nem volt meg a táblázatok korában. :S
Egy weboldal fejlécét úgy raktam össze, hogy FF, Chrome és Safari alatt tökéletesen jó volt, de IE meg Opera alatt szétesett! Szépen egymás alá kipakolta a rétegeket, amiknek egymáson kellett volna lennie. Kódbogarászás, heggesztés, fejléc teljes újraírása...

kagabor eredeti hozzászólása

Egy weboldal fejlécét úgy raktam össze, hogy FF, Chrome és Safari alatt tökéletesen jó volt, de IE meg Opera alatt szétesett! Szépen egymás alá kipakolta a rétegeket, amiknek egymáson kellett volna lennie. Kódbogarászás, heggesztés, fejléc teljes újraírása...

Többedik div-es munkádban már elsőre nem fog szétesni, mert tudod, mire kell figyelni.
Amúgy ennek a szétesésnek egyszerű oka van: az IE a paddinget nem vonja le a szélességből, míg FF, Safari és Opera igen.

Amúgy pedig, 1 böngésző is tökéletesen elég tesztelésre: IE6. Ha IE6 alatt jó, akkor a többi böngésző alatt is jó.