[CSS] voor dummies - Deel 4

zet er nou een border omheen dan zie je wat je div uitspookt

Dan word alleen het witte vlakje omlijnt en gebeurt er niks met de achtergrond, die zie je nog steeds niet.

okee. omdat je de shorthand versie gebruikt moet je waarschijnlijk alles defineren in de juiste volgorde:
background: <color><image><repeat><attachment><position>

dan nog steeds niet.

Maar ik wil eerst even dat andere probleem oplossen, dan kan ik verder.
De gene waar voor ik die website maak wil dat die tot de onderkant loopt. Het moet dus, hoe kan ik het oplossen met Javascript of moet ik heel de code anders in elkaar zetten?

voor javascript kan je beter naar het javascript topic, kan ik je ook niet mee verder helpen helaas..
en anders als backgroundimage in je body. want dit is in mijn ervaring een regelrechte CSS hel. en ik heb er nooit degelijk antwoord op gekregen ook.

in iexplore zou je iig gewoon een height: 100%; op kunnen geven. en voor ff/ns/opera min-height: 100%;. maar zodra je content eroverheen loopt gaat het de zeik in bij ff/ns/opera.

quote:

Op woensdag 17 mei 2006 16:25 schreef super-muffin het volgende:
dan nog steeds niet.

Maar ik wil eerst even dat andere probleem oplossen, dan kan ik verder.
De gene waar voor ik die website maak wil dat die tot de onderkant loopt. Het moet dus, hoe kan ik het oplossen met Javascript of moet ik heel de code anders in elkaar zetten?

Als je puur visueel die kolommen tot onder door wilt laten lopen zou ik kiezen voor een oplossing als faux columns.

quote:

Op woensdag 17 mei 2006 16:39 schreef Desdinova het volgende:
voor javascript kan je beter naar het javascript topic, kan ik je ook niet mee verder helpen helaas..
en anders als backgroundimage in je body. want dit is in mijn ervaring een regelrechte CSS hel. en ik heb er nooit degelijk antwoord op gekregen ook.

in iexplore zou je iig gewoon een height: 100%; op kunnen geven. en voor ff/ns/opera min-height: 100%;. maar zodra je content eroverheen loopt gaat het de zeik in bij ff/ns/opera.

Dat heb ik nu ook toegepast op mijn eigen website, maar dat is gewoon 1 lange div, daar staat geen header boven zoals in dit geval

quote:

Op woensdag 17 mei 2006 19:29 schreef super-muffin het volgende:

[..]

Dat heb ik nu ook toegepast op mijn eigen website, maar dat is gewoon 1 lange div, daar staat geen header boven zoals in dit geval

Dit zou moeten werken:


#box op een height van 100% gezet met een overflow hidden. Vervolgens de #content een height geven van ongeveer 90%.

quote:

Op zaterdag 20 mei 2006 01:52 schreef Castor het volgende:

[..]

Dit zou moeten werken:
[ code verwijderd ]

#box op een height van 100% gezet met een overflow hidden. Vervolgens de #content een height geven van ongeveer 90%.

Volkomen afhankelijk van de afmetingen van de viewport van de gebruiker, en daarom een ongeschikte oplossing imo.

quote:

Op zondag 21 mei 2006 11:14 schreef CraZaay het volgende:

[..]

Volkomen afhankelijk van de afmetingen van de viewport van de gebruiker, en daarom een ongeschikte oplossing imo.

Het is een simpele oplossing die met de meest gangbare resoluties prima werkt. Het enige is dat je bij een kleinere viewport niet de complete background image ziet. Niet echt onoverkomelijk imho.

quote:

Op maandag 22 mei 2006 01:18 schreef Castor het volgende:

[..]

Het is een simpele oplossing die met de meest gangbare resoluties prima werkt. Het enige is dat je bij een kleinere viewport niet de complete background image ziet. Niet echt onoverkomelijk imho.

Dat is inderdaad een persoonlijke afweging die je moet maken. Persoonlijk vind ik het volkomen onacceptabel om geen volledige controle te hebben over het resultaat van de code, maar dat ben ik

Waarom ziet dit er in Firefox zo Mooi en Strak uit, en laat IE de halve pagina niet zien?

quote:

Op maandag 22 mei 2006 09:11 schreef CraZaay het volgende:

[..]

Dat is inderdaad een persoonlijke afweging die je moet maken. Persoonlijk vind ik het volkomen onacceptabel om geen volledige controle te hebben over het resultaat van de code, maar dat ben ik

Ik vind het ook geen goede oplossing, maar wel bedankt voor het mee mee denken

@nevermind
geef je content-div eens een backgroundkleurtje? ik denk dattie zich verstopt

quote:

Op maandag 22 mei 2006 16:11 schreef Desdinova het volgende:
@nevermind
geef je content-div eens een backgroundkleurtje? ik denk dattie zich verstopt

ik denk dat er problemen zijn met de padding

hij zal in ieder geval naar de top left corner verschuiven door de position: absolute. En dan hopen dat de padding doet wat hij moet doen

mja I know.. maar omdat er geen hoogte en breedte is opgegeven verwacht ik (nog) geen problmen met de padding. en gezien de hoeveelheid text die erin moet komen denk ik dat hij er nog wel onderuit had moeten komen..

quote:

Op maandag 22 mei 2006 15:37 schreef Nevermind het volgende:
Waarom ziet dit er in Firefox zo Mooi en Strak uit, en laat IE de halve pagina niet zien?

Totaal los van je vraag toch een tip: bouw je html semantisch. Met andere woorden: gebruik minder div's en meer beschrijvende elementen. Je kop kan bijvoorbeeld prima uit de div en in een h1, en de div rond je ul is in principe ook onnodig.

Pff, ik stap wel weer over op tabellen. Een hele middag kloten terwijl ik het in een minuut in elkaar heb met tabellen. En bedankt voor de tip CraZaay

quote:

Op maandag 22 mei 2006 18:05 schreef Nevermind het volgende:
Pff, ik stap wel weer over op tabellen. Een hele middag kloten terwijl ik het in een minuut in elkaar heb met tabellen. En bedankt voor de tip CraZaay

Jammer Die tabellen heb je toch ook moeten leren te gebruiken? CSS leren kan soms frustrerend zijn, maar is om tig redenen beter dan tabellen (uit puristisch oogpunt gezien, maar zeker ook qua toegankelijkheid voor o.a. zoekmachines en visueel gehandicapten).

tabellen zijn niet bedoeld voor layout.

quote:

Op maandag 22 mei 2006 19:09 schreef DionysuZ het volgende:
tabellen zijn niet bedoeld voor layout.

Niets is bedoeld voor lay-out En alles is bedoeld voor het aangeven van de structuur van de data Dat je al deze beschrijvende elementen kan stylen is natuurlijk heel mooi meegenomen (scheiding van structuur en weergave).

Dat je soms elementen toevoegt omdat het niet anders kan (div o.a.) is natuurlijk een feit (al kan een div ook een semantische betekenis hebben).

quote:

Op maandag 22 mei 2006 18:47 schreef CraZaay het volgende:

[..]

Jammer Die tabellen heb je toch ook moeten leren te gebruiken? CSS leren kan soms frustrerend zijn, maar is om tig redenen beter dan tabellen (uit puristisch oogpunt gezien, maar zeker ook qua toegankelijkheid voor o.a. zoekmachines en visueel gehandicapten).

Ik weet het. Maar mijn doorzettingsvermogen heeft zijn grenzen. Vooral omdat ik, zoals je zag, bezig ben met een cms, en niet dagen bezig wil zijn om verschillende browsers compatibel te krijgen met een site (die waarschijnlijk alleen door mij en mijn huisgenoot gebruikt wordt ).

Want dat probleem heb ik op de eenofandere manier altijd. Altijd is er wel één van de drie (ik ben me er van bewust dat er meer browsers zijn) die het gewoon niet snapt. 80% mijn fout, omdat ik me nog steeds niet compleet kan redden in CSS, 20% de fout van de browsers. Ik loop mijn hoofd te breken over tientallen verschillende hacks die de fouten van een browser weer herstellen, maar ik word er brak van dát er fouten in browsers zitten. En ook al zijn tabellen niet voor layout bedoeld, ze doen tenminste precies wat ik wil. In vrijwel elke browser.

Tabellen zijn voor mij logisch. En volgens mij zijn ze dat voor iedereen. Je weet precies wat ze doen, en het werkt goed. CSS klinkt extreem logisch, maar in de praktijk kan ik er bijna nooit een volledige layout mee maken.

Dat heb ik dus met tabellen, een complete layout maken met tabellen lukt me niet

Het blijft een kwestie van ervaring. Ik maak tig sites en kan het me niet herinneren wanneer ik voor het laatst een CSS hack heb moeten gebruiken om iets voor elkaar te krijgen wat in iedere browser werkt (IE6+, dat wel). Doorrrrrgaan zou Barry Stevens zeggen

quote:

Op maandag 22 mei 2006 19:53 schreef CraZaay het volgende:
Het blijft een kwestie van ervaring. Ik maak tig sites en kan het me niet herinneren wanneer ik voor het laatst een CSS hack heb moeten gebruiken om iets voor elkaar te krijgen wat in iedere browser werkt (IE6+, dat wel). Doorrrrrgaan zou Barry Stevens zeggen

Dat is OF heel erg knap, OF je maakt erg simpele sites. De meeste gewone stervelingen moeten voor sommige complexe CSS toch wel een of meerdere "hacks" gebruiken.