[CSS] Het nut

[BrEeZeR]

Hela,

Kben nu dus al een tijdje bezig met die nieuwe site, maar ach.. ik stop er ook maar weer mee. Doe het gewoon op de oude, goedwerkende manier met tabellen en de hele rotzooi.

Werkt prima in zowel FF als IE en geeft niet zoveel problemen als met die stomme divs.

Waar ik nu tegen aanloop:

- Ik heb nu bijna 20 divs. dus overzichtelijk ist ook niet?
- Divs staan vast qua positie, dus kan niet even de hele pagina makkelijk centreren (Of ik doe het weer eens fout).
- Divs stretchen niet mee, dus als de tekst langer is dan het vakje > tekst gaat eroverheen.

Erg irritant allemaal dus, en ik vind het totaal niet overzichtelijker / netter dan met tabellen.

Iemand die het grote voordeel kan zeggen? Kleuren etc kan ik ook wel bepalen dmv PHP.

Greetz,

Dennis

 

[Rimsic]

Het nut van CSS is het versimpelen van je code,
het grootste probleem met CSS is dat IE het niet ondersteunt, en dat zorgt voor grote ergenissen.

Als je met css wilt gaan werken moet je ook anders gaan denken dan in hokjes zoals met tabellen. Tabellen zijn erg lomp, log, en kost meer tijd. Het duurt even voordat je die omschakeling hebt gemaakt. Ik deed het eerst ook met tabellen maar ik doe nu alles in css en zo krijg je echt een super schone broncode ipv 400 regels aan onzin waar 20 regels content is.

 

[BrEeZeR]

Met tabellen was het makkelijk om te zeggen: align="center" waardoor de gehele pagina naar het midden ging.

Nu ik met divjes werk gaat dit niet zo makkelijk meer op de 1 of andere manier.

<div class="container">
	<div class="header_left"></div>
	<div class="header_center"></div>
	<div class="navigatie">	
	<img src="images/knoppen/home.jpg" /><img src="images/knoppen/foto.jpg" /><img src="images/knoppen/vakantie.jpg" /><img src="images/knoppen/gastenboek.jpg" /></div>	
	<div class="header_right"></div>

Met een tabel was het wel veel geklooi geweest met colspan / rowspan, dat scheelt wel weer.

Maar waar een tabel netjes mee zou stretchen doet een div dit niet:

Als het allemaal werkt zal het ongetwijfeld beter en netter zijn, maar ik zie op het moment het voordeel van al deze ergernis niet.

Het is dat ik graag de competentie op school wil behalen, anders was ik allang weer overgestapt op de tabellen die wel onmiddelijk doen zoals ik het wil.

En als iemand een oplossing heeft voor het bovenstaande stretch probleem... graag Heb al met overflow geprobeerd, maar dan krijg je een scrollbalk.. ik wil gewoon dat deze div + de divs die mee moeten vergroten dit doen.

 

[BrEeZeR]

Ben inmiddels met een andere layout bezig, dit zou sowieso niks worden gezien het hoogte verschil tussen de content divjes(Header stak linksonder verder uit dan rechts en dat stond lelijk).

Ik ben dus opnieuw begonnen, en het gaat een stuk beter :thumb: Ik zie nu het nut in van classes / id's etc.

Binnenkort vraag ik jullie mening wel betreft kleurgebruik etc, met CSS kan je het toch makkelijk veranderen. (Al kon dat met PHP natuurlijk ook).

$kleur1 = "#FFCC00";
$kleur2 = "#CCCCDD";

echo "<td bgcolor="" . $kleur1 . "">";

o.i.d.

Achja... van je fouten leer je.