DIG Digital Corner
Alles wat je altijd al over computers, hardware, software, internet en elektronische gadgets had willen weten, maar niet op Tweakers.net durft te vragen.
Danku, maar het werkt niet! ;(.
Ik zal de code er eens bij pakken:
Daar zou dan een footer onder moeten, maar dat gaat niet op die manier.
De footer onder dat midden-ding hangen werkt niet:
In het geval van te weinig content hangt dat ding ergens in de header,
Als er wel voldoende content is gaat de background van het middenstuk onder de background van de footer staan, en aangezien die gedeeltelijk transparant is is dat niet netjes. Niet transparant maken is een fijne workaround voor nu, maar een nettere oplossing is welkom :).
Ik zal de code er eens bij pakken:
| 1 2 3 4 5 6 7 | <div id="header"></div> <div id="midden"> content kan hier enzo, dat werkt dus, zolang het maar voldoende content is </div> </div> </body> |
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 | position:absolute; width: 454px;; top: 30px; left: 50%; margin-left: -227px; } #header { position:absolute; width: 454px; height:332px; margin: 0em auto; background-image:url(backheader.png); background-repeat:no-repeat; z-index:1; } #midden { position:absolute; width: 454px; margin: 0em auto; background-image:url(backmidden.png); background-repeat:repeat-y; z-index:2; top:100px; } |
Daar zou dan een footer onder moeten, maar dat gaat niet op die manier.
De footer onder dat midden-ding hangen werkt niet:
In het geval van te weinig content hangt dat ding ergens in de header,
Als er wel voldoende content is gaat de background van het middenstuk onder de background van de footer staan, en aangezien die gedeeltelijk transparant is is dat niet netjes. Niet transparant maken is een fijne workaround voor nu, maar een nettere oplossing is welkom :).
.
Er is een methode om je footer het volgende te laten doen: als er voldoende content is zit de footer onderaan de content, is er onvoldoende content dan zit de footer onderaan het scherm.
Alleen die code kan ik nu even niet bij .
Alleen die code kan ik nu even niet bij .
.
Het moet niet onderaan het scherm zijn he, maar direct onder de header, met dus nog witruimte eronder. Weet niet of dat ook kan met die code, maar als dat kan ben ik er erg benieuwd naar .quote:Op zaterdag 7 april 2007 18:23 schreef HuHu het volgende:
Er is een methode om je footer het volgende te laten doen: als er voldoende content is zit de footer onderaan de content, is er onvoldoende content dan zit de footer onderaan het scherm.
Alleen die code kan ik nu even niet bij .
.
Dat gaat daarmee niet. Hetzelfde probleem heb ik ook eens gehad. Je kan het prachtig oplossen door de min-height te gebruiken in je CSS. Die stel je dan zo in dat je content minimaal voorbij je header komt. Alleen IE ondersteunt dat niet .
Een oplossing die ik heb gebruikt is om ervoor te zorgen dat je content nooit te klein wordt. Dus als hij toch te klein is, dan stop je het in een extra div die er voor zorgt dat de pagina wordt opgerekt naar de minimale hoogte.
Dat werkt goed bij statische pagina's, waarbij je van te voren kunt zien hoe hoog hij moet worden. Als de content dynamisch erin wordt gezet gaat het lastig.
.Een oplossing die ik heb gebruikt is om ervoor te zorgen dat je content nooit te klein wordt. Dus als hij toch te klein is, dan stop je het in een extra div die er voor zorgt dat de pagina wordt opgerekt naar de minimale hoogte.
Dat werkt goed bij statische pagina's, waarbij je van te voren kunt zien hoe hoog hij moet worden. Als de content dynamisch erin wordt gezet gaat het lastig.
Er is wel een min-height CSS hack voor IE:
http://www.dustindiaz.com/min-height-fast-hack
Dan kan je dus een min-height aan je content div gooien, zodat deze nooit te klein wordt. En dan hang je de footer gewoon onder de content.
http://www.dustindiaz.com/min-height-fast-hack
Dan kan je dus een min-height aan je content div gooien, zodat deze nooit te klein wordt. En dan hang je de footer gewoon onder de content.
thanks, ik peer em al 
Ik heb mijn hyperlinks donkergrijs, echter wil ik de hyperlinks die in een table-header (<th>) staan wit hebben.
Zowel "a" als "th" heb ik een eigen onderdeeltje in mijn stylesheet gegeven, moet ik nu iets als "th #a" doen?
Zowel "a" als "th" heb ik een eigen onderdeeltje in mijn stylesheet gegeven, moet ik nu iets als "th #a" doen?
| 1 2 | th a { color: donker-grijs; } |
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
# is voor id's:quote:Op woensdag 11 april 2007 20:34 schreef Geqxon het volgende:
Ik heb mijn hyperlinks donkergrijs, echter wil ik de hyperlinks die in een table-header (<th>) staan wit hebben.
Zowel "a" als "th" heb ik een eigen onderdeeltje in mijn stylesheet gegeven, moet ik nu iets als "th #a" doen?
"a" -> HTML element
"#a" -> element met id 'a'
".a" -> element met class 'a'
Graag gedaan. Beetje aparte gok als je weet dat een element iets anders dan een id op een element, maar dat terzijdequote:Op woensdag 11 april 2007 22:06 schreef Geqxon het volgende:
Zo ver gaat mijn kennis nog wel, ik gokte puur wat. Maar alsnog bedankt
WTF IE (6) probleem.
Het gaat om deze pagina. Rechts zie je een kopje 'Nieuw' staan waaronder de 10 meest recente boeken ingevoerd staan. Deze boeken stonden eerst in een <table> en werkte op zich prima, maar omdat de rest van de pagina ook netjes volgens het tableless principe gemaakt is en prima XHTML Strict en CSS valide is, besloot ik om daar ook maar <div>jes van te maken. Ziet ook mooier uit als je de pagina zonder stylesheet bekijkt zonder tabel natuurlijk.
Nu werkt het in Mozilla wel normaal, maar in IE6 gebeurt er iets heel mafs:
Hoe komt dit? :S
Het gaat om deze pagina. Rechts zie je een kopje 'Nieuw' staan waaronder de 10 meest recente boeken ingevoerd staan. Deze boeken stonden eerst in een <table> en werkte op zich prima, maar omdat de rest van de pagina ook netjes volgens het tableless principe gemaakt is en prima XHTML Strict en CSS valide is, besloot ik om daar ook maar <div>jes van te maken. Ziet ook mooier uit als je de pagina zonder stylesheet bekijkt zonder tabel natuurlijk.
Nu werkt het in Mozilla wel normaal, maar in IE6 gebeurt er iets heel mafs:
Hoe komt dit? :S
Ja, het is ook tabulaire data dus in feite 'mag' ik er een tabel voor gebruiken. Maar zoals ik al zei, is de rest van de pagina ook mooi tableless en conform de XHTML/CSS normpjes en 't ziet er leuker uit als je de pagina zonder stylesheet bekijkt. Tabellen met meer dan 2 kolommen zijn gewoon slordig zonder stylesheet.quote:Op donderdag 12 april 2007 09:12 schreef CraZaay het volgende:
Je kan je afvragen of dit geen tabullaire data is natuurlijk, al lost dit je probleem niet op
Wat mij betreft is die gedachtengang net zo erg als tabellen gebruiken voor lay-out. Je wilt nu koste wat kost geen tabellen gebruiken voor lay-out (lay-out zonder styling), terwijl het om de structuur gaat in de HTML. En binnen die structuur zou dit wat mij betreft gewoon in een tabel thuis horen. En dat is dan nog meer conform de HTML/CSS normpjes ook
Hmm, gaat me voornamelijk om hoe 't er zonder stylesheet uitziet, en als ik deze gegevens (waaronder een hoop imagelinks) in een tabel zet ziet het er gewoon rommelig uit. Qua structuur/semantiek maakt dit niks uit. Ik MAG er volgens de normen immers voor kiezen om dit in een tabel te proppen want het is in feite een beetje tabulaire data, maar kijk voor de lol eens in Mozilla met uitgeschakelde paginastijl. Deze structuur die je hier voor de Nieuwe boeken gebruikt ziet worden gaat later nog op héél véél pagina's op de site terug komen (boekenlijsten, striplijsten, reeksen, series, zoekresultaten, enz.) dus ik wil gewoon dat het mooi uitziet en werkt, niet dat de pagina zonder stylesheet gigantisch onoverzichtelijk is.
Zoekresultaten mogelijk wel, afhankelijk van de data die geretourneerd word. Maar een daadwerkelijk zoekformulier meestal niet hoor.
Ik snap het niet Tuvai.net. Kun je me eerst eens uitleggen waarom het er zonder CSS goed uit moet zien (voor zover dat kan)?
Ik streef dus altijd naar toegankelijkheid en een webpagina dient ook toegankelijk te zijn voor mensen zonder stylesheet. Denk hierbij ook aan gevallen als PDA's, WAP browsers, text-to-speech en textbrowsers (Lynx). Die lezen alles netjes van boven naar onder op, en in het geval van een tabel van links naar rechts. Als je in Mozilla Beeld > Paginastijl > Geen stijl selecteerd dan zie je de pagina zonder stylesheet. Doe dat bijvoorbeeld maar eens hier op Fok!.quote:Op donderdag 12 april 2007 17:51 schreef CraZaay het volgende:
Ik snap het niet Tuvai.net. Kun je me eerst eens uitleggen waarom het er zonder CSS goed uit moet zien (voor zover dat kan)?
Als het een tabel met daadwerkelijke tabulaire data is dan maakt dit niks uit, maar bij een grotere tabel waar ook plaatjes en dergelijke in voorkomen is het geen gezicht, en sommige programma's zullen dit dan ook niet goed oppikken. Verder is het natuurlijk ook puur een principekwestie van opmaak en inhoud gescheiden houden.
