Archief - layoutprobleem

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
B

BjoJn

Legacy Member
Ik ben in html mijn layout aan het opmaken, maar ik bots telkens opnieuw op hetzelfde cross-browser probleem:

Dit is de website.

ik heb dus 2 afbeeldingen die op de achtergrond staan, eentje in de header en dan eentje in de container. Nu zouden die mooi moeten overlopen (zie in firefox), maar in IE zit daar witruimte tussen en ik krijg die maar niet weg.

Misschien helpen jullie mij hieruit, ik heb al veel geprobeerd en aanpassingen gedaan, maar ik kom er maar niet achter...

hier vind je de css
H

Homer`

Legacy Member
Op uw #header een margin-bottom: 0px; ?

+ Jij schrijft vreemde css (in een lijn, ik schrijf alles onder mekaar :))
a

adrianhates

Legacy Member
Homer` zei:
Op uw #header een margin-bottom: 0px; ?

+ Jij schrijft vreemde css (in een lijn, ik schrijf alles onder mekaar :))
Klik om te vergroten...

eigelijk is het properder om alles op 1 lijn te zetten. Als je serieuze stylesheets hebt vooral. Zijn het kleine , dan is het leesbaarder om alles onder mekaar te zetten.

( ik zou btw die underline bij het hover van menu items weglaten , ge verandert uw background al )
B

BjoJn

Legacy Member
adrianhates zei:
eigelijk is het properder om alles op 1 lijn te zetten. Als je serieuze stylesheets hebt vooral. Zijn het kleine , dan is het leesbaarder om alles onder mekaar te zetten.

( ik zou btw die underline bij het hover van menu items weglaten , ge verandert uw background al )
Klik om te vergroten...


ahja, die hovers, da telt eigenlijk nog nie mee :D moet da nog allemaal doen

dieje #header margin bottom ist nie :( - khad da al geprobeerd... tss, ambetant
H

Homer`

Legacy Member
adrianhates zei:
eigelijk is het properder om alles op 1 lijn te zetten. Als je serieuze stylesheets hebt vooral. Zijn het kleine , dan is het leesbaarder om alles onder mekaar te zetten.

( ik zou btw die underline bij het hover van menu items weglaten , ge verandert uw background al )
Klik om te vergroten...

Bleh, vind ik nogal onoverzichtelijk. Ik heb nu een css van 1137 lines (geen idee of dit veel is of niet) en ik zou dit hard kunnen inkorten door alles op één lijn te zetten, maar dat vind ik nogal onoverzichtelijk. :) Maakt dit iets uit voor de uitleessnelheid van de css? (sorry voor offtopic)

OT: ik heb niet echt een idee, maar de ervarenere leden hier zullen u hopelijk wel kunnen helpen ;)
G

Gurdt

Legacy Member
Neen geen uitleessnelheidverschil normaal :) zulke dingen worden net als bij een compiler geparsed en een newline of een spatie is 1 zogenaamd token. En zelfs dan nog ;)
B

BjoJn

Legacy Member
mja, das persoonlijke keuze vindek :)

maar daarmee is mijn layout nog nie gefixt natuurlijk :D

kbreek er egt min hoofd op... kvindet nie, kzou het natuurlijk kunnen oplossen door 1 afbeelding te gebruiken in de main container, maar daarmee is het probleem nie opgelost natuurlijk.

Edit: Ik heb de code en css nog wat eenvoudiger gemaakt om het probleem nog beter te schetsen. Zie links bovenaan :)
F

Flipkikker

Legacy Member
#header en #container ook een float: left; geven,
en display:block;

Niet getest, maar kan oplossing brengen denkek...
B

BjoJn

Legacy Member
Flipkikker zei:
#header en #container ook een float: left; geven,
en display:block;

Niet getest, maar kan oplossing brengen denkek...
Klik om te vergroten...

Dat is het blijkbaar ook niet, alles dat toepas, dan hebbek geen header mee, alles schuift naar boven.
F

Flipkikker

Legacy Member
Heeft uw header ook een height ingesteld gekregen?

edit: zal es wat dingen uitproberen, misschien stuit ik er wel op...

edit2: gevonden:

Probleem zit in uw IE specific stylesheet:
(gemerkt nadat ik in uw html ook nog es keek en deze lijn verwijderde:
Code: 
<!-- specific stylesheets --><!--[if IE ]><LINK 
href="SV%20Wevelgem%20City%20%20De%20officiële%20website%20van%20SV%20Wevelgem%20City_bestanden/style-ie6.css" 
type=text/css rel=stylesheet><![endif]--><!-- Javascripts -->
)

Daarin staat:
Code: 
#header {
	MARGIN-BOTTOM: 10px
}
a

adrianhates

Legacy Member
eh? das weird , den developer tool in IE ziet da dan blijkbaar niet , want bij mij gaf die op traced styles overal margin : 0 :)
B

BjoJn

Legacy Member
Merci flipkikker :D - vreemd, kweet nie hoe die daar komt...

adrianhates zei:
eh? das weird , den developer tool in IE ziet da dan blijkbaar niet , want bij mij gaf die op traced styles overal margin : 0 :)
Klik om te vergroten...

idem dito hier... :s

kdachtet al, dat zoiets onnozel ging zijn :D
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan