div és css mániám

**BagiZoli** · 2007-05-08, 18:07

Van egy mániám, amit Veletek szívesen megosztok. Div és css kattom van. Remélem nem vagyok ezzel egyedül, bár ha igen, azt is túlélem valahogy.

Szerintem a táblás szerkezet -bár még mindíg vannak előnyei az ie miatt- a múltat képviselik és a css div kombinációja a jővő, vagyis talán már a jelen is. Próbáld csak ki, hogy átdesignolod a táblás szerkezetet divesre és minden stílus információt belepakolsz egy külső css-be.

A hatás nem várat magára sokáig, hiszen a tartalmad változatlan méretéhez körülbelül negyed annyi kódra lesz szükség. [egyik lap, amit pár hónapja táblamentesítettem 42%-kal lett kisebb, gyorsabb, jelenesebb]

Jó kis löketet ad ám egy ilyen manőver a keresési pozíciókat tekintve, szóval divre fel!

**Harder** · 2007-05-08, 19:12

Osztom a véleményed, jóideje tableless lapokat csinálok és gyorsabb a fejlesztés, karbantartás vele mint a táblás verziókkal.

Meglepő módon még mindig többen használnak táblákat, pedig nem mostanában ütötte fel a fejét a tableless lapépítés.

**kow** · 2007-05-09, 11:15

Igen, az oldal layoutja legyen DIV+CSS, de ha van egy terméklista, vagy valami táblázatos dolog, azt továbbra is táblázatba szoktam tenni. Láttam már megoldást ami divekből csinált táblázatot, de az már fölösleges erőlködésnek szerintem. Mindent arra kell használni, amire való.

**huncyrus** · 2007-05-09, 18:10

a div+css szép és jo. de nézzétek meg három platform 3-3-3 böngészőjében. nem véletlen használnak a devek táblázatot. egyből átláthatóbb és ugyan több a kód, de a táblák hamarabb maradnak meg táblaként mint a div-esek... és 300 byte-on nem fog mulni semmi

de legyen, Zoli, tolj ide egy kodot divvel és table-vel, és megnézzük.

**Harder** · 2007-05-09, 21:32

Én sokat vaciláltam régebben, hogy megéri-e váltani, kell-e nekem a div-es szerkezet, sokáig úgy voltam vele hogy jó nekem a tábla is, azt már ismerem. Szal lustaság és biztonság.. Máig is azt vallom, hogy a táblázat jó dolog, de arra kell használni amire van, táblázatos adatok megjelenítésére.

Később a kíváncsiság mégis rávitt, hogy elkezdjek vele szórakozni és nem bántam meg, elég látványos a kód csökkenése és gyorsasága (megjelenése). A 300byte csak azon múlik, hogy mekkora oldalról beszélünk, az én esetemben ez inkább így nézett:
táblás szerkezet: 133kb
táblás szerkezet tisztogatás után: 127kb
css szerkezettel felépítve: 26kb

9 böngészőre meg tesztelni manapság felesleges (hacsak nem tudok mit kezdeni az időmmel napi 24 órában), szerintem elég ez
a.) IE7, IE6, Opera 9.x, Firefox 1.5, Firefox 2.x és Safari (ha üzleti lapról van szó és fontos, hogy annak a kevés %-nak is jól jelenjen meg a lap)
b.) IE7, IE6, Opera 9.x, Firefox 2.x (ha magán honlapról van szó)

Ezek fontossága persze laponként változhat (nálam magasan vezet pl. a Firefox, nekem az a legfontosabb), de nagy átlagban persze még mindig az IE vezet.
Erről a Kirowski adott ki nemrég egy felmérést (techstat 2007), le lehet tölteni PDF formátumban az alábbi címről (358 kb):
hxxp://www.btl.hu/upload/Kirowski_TechStat_2007.pdf

**huncyrus** · 2007-05-11, 20:10

nem csak neked a legfontosabb a firefox... statisztikák szerint pl az üzleti oldalak 45%-át nézik már csak ie-vel... atöbbi firefox... (két honapja olvastam, eu felmérésben, de már nem emléxem a oldalon...)

**vidirita** · 2007-05-23, 12:17

most, hogy rázizzentem a honlapkészitési témára, és olvastam némi alapfogalmat, végre rájöttem (FÉLIG), hogy miről szól ez a topik

(a css-t értem) de mi az a div???

**LeGaS** · 2007-05-23, 14:02

A div elemmel alapvetően különböző tartalmi részeket lehet csoportosítani.
Pl.:

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
   <title>Próba</title>
</head>
<body>
<div id="header">
... [ide kerül a logo / banner] ...
</div>
<div id="navigation">
... [ide kerül a navigációs menü] ...
</div>
...

**vidirita** · 2007-05-23, 14:25

LeGaS eredeti hozzászólása

A div elemmel alapvetően különböző tartalmi részeket lehet csoportosítani.
Pl.:

Kód:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
   <title>Próba</title>
</head>
<body>
<div id="header">
... [ide kerül a logo / banner] ...
</div>
<div id="navigation">
... [ide kerül a navigációs menü] ...
</div>
...

hát izé... jobb, ha ennek még utánanézek

**garrotter** · 2007-05-23, 15:05

Ajánlhatom neked Harder honlapját. Rengeteg információ van rajta.
Meg a weblaboron is nézelődhetsz, van css-ről cikk sorozat.

A div olyan mint a táblázat egyik cellája egy doboz), amit az oldalon belül úgy helyezzel el ahogy akarsz (majdnem úgy

). És még a táblázat többi részét sem kelle definiálnod hozzá. Minden tulajdonsága külön állítható (méret, háttér, betűtipus, keret stb.).

G.

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

Téma eszközök

Display

div és css mániám

re: div és css mániám

re: div és css mániám

re: div és css mániám

re: div és css mániám

re: div és css mániám

re: div és css mániám

re: div és css mániám

re: div és css mániám

re: div és css mániám

A téma címkéi:

Könyvjelzők

Könyvjelzők

Hozzászólás szabályai