WishMaster
[mod] 666
Sinds 26/2/2003
T: 99
R: 2018
|
28/6/2007 -
14:14u
| Quote
|
Ben een beetje aan 't kloten met CSS, maar da spel wil nooit uitkomen.
site
1. ik heb een witte 'balk' onder mijn headerprentje ?? (er staan nergens margins)
2. de tekst ( #inhoud) moet netjes rechts van het menu komen te staan
3. de grijze footer moet onderaan blijven
Is da nu echt ni mogelijk zonder gebruik te maken van tabellen?
edit: het moet dus in FireFox deftig zijn he (css valid enzo)
|
stalin
wzl-lid
Sinds 14/10/2004
T:14 -
R:369
|
28/6/2007 -
14:56u
| Quote
|
|
in IE is dit het geval niet.
|
Minkuz
wzl-lid
Sinds 20/4/2004
T:26 -
R:1117
|
28/6/2007 -
15:02u
| Quote
|
padding ook op 0 zetten?
zowel in Header als Main
padding:0;
bijzetten
kgarandeer wel niets, kheb het ni gecontroleerd
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
28/6/2007 -
17:25u
| Quote
|
doet maar weinig...
Het grootste probleem is om de inhoud netjes naast het menu te krijgen, en de footer vanonder te laten
|
Minkuz
wzl-lid
Sinds 20/4/2004
T:26 -
R:1117
|
28/6/2007 -
18:58u
| Quote
|
1)wat betreft die header: het lijkt precies dat er vanboven ook nog witruimte is, dus mss ist probleem ni alleen vanonder
2)inhoud naast menu:
spelen met 'clear' en 'float' dinges, mss best iets opzoeken daarover, ken het ni meer vanbuite hoe het werkt
3) uw footer uit uw container halen (maar mss dan ook het probleem van witruimte, zoals ge bij uw header hebt)
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
28/6/2007 -
21:13u
| Quote
|
vanboven is 5px margin, dus da klopt
Kloten met float maakt de problemen alleen maar erger 
|
Minkuz
wzl-lid
Sinds 20/4/2004
T:26 -
R:1117
|
28/6/2007 -
22:19u
| Quote
|
kheb eens gekeken naar een css bestandje van mij dat ongeveer zelfde lay-out opbouw heeft
kweet dat ik er ook lang hebben mee liggen kl*ten eer het stond hoe ik het wou
bij heading (buiten container) staat er
clear: both;
container:
float: none;
clear: both;
navigatie (in container)
clear: left;
float: left;
content (dus den hoofdtekst, ook in container, rechts naast navigatie)
clear: none;
float: left;
footer: (buiten de container)
float: left;
clear: both;
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
29/6/2007 -
0:28u
| Quote
|
owla.. !!
Net rap effe getest met de Webdeveloper Toolbar voor FF en da lijkt te kloppen !!
Enkel: ik heb mijn container randen meegegeven, die zijn precies wel weg dan. Ik zou mijn menu en inhoud graag in 1 omlijnd "blok" zien...
edit: hier de link naar een screenshot van voor en na
Laatst aangepast door
WishMaster
op 29/06/2007 0:40:34u
(1x aangepast)
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
29/6/2007 -
11:20u
| Quote
|
Probleem 1: de rand (zie screenshot hierboven) is weg
Probleem 2: link : het menu zou tot vanonder (aan de footer dus) moeten komen
|
Minkuz
wzl-lid
Sinds 20/4/2004
T:26 -
R:1117
|
30/6/2007 -
12:35u
| Quote
|
mm, ik werkte in mijn css zonder randen, dus dat die gingen verdwijnen wist ik niet
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
30/6/2007 -
13:31u
| Quote
|
Zoals DIT zou het dus moeten worden...
- Gerekt over ganse breedte van scherm
- rand van 1px rond de container
- deftige uitlijning (ook bij resizen)
- de gekleurde achtergrond van het menu moet tot aan de footer komen (als de inhoud langer is dan het menu)
|
WishMaster
[mod] 666
Sinds 26/2/2003
T:99 -
R:2018
|
1/7/2007 -
15:14u
| Quote
|
Het is gelukt door een extra klasse 'reset' onder mijn inhoud toe te voegen!
link
Enkel bij "onze club" komt het menu niet tot op de footer...
|
SteveK
wzl-lid
Sinds 21/6/2007
T:2 -
R:6
|
2/7/2007 -
16:10u
| Quote
|
Je menu gaat bij het vergroten van je container enkel zo lang worden als het menu zelf. Dat kan je met css nog niet oplossen.
Hoe je dit kan oplossen is met faux-colomn te werken. Bijvoorbeeld, geef je hele container een achtergrond die weergeeft waar je kolommen zouden komen en maak die repeat-y.
Het is moeilijk uit te leggen, maar kijk hier eens voor css voorbeelden van wat jij wil bereiken.
Faux-css-layouts
Wat die margins betreft, google eens naar master stylesheets. Dit zijn stylesheets die elke browser settings neutralizeren. Dus hoe elke browser bv een <p> interpreteert wordt eerst geneutralizeerd en zodoende kan er er zelf je style aan geven die (theoretisch) in elke browser hetzelfde wordt weergegeven zonder dat de browser er zelf nog vanalles aan gaat toevoegen.
|
