Check alle échte Black Friday-deals Ook zo moe van nepaanbiedingen? Wij laten alleen échte deals zien
Toon posts:

Hoogteprobleem 100% in IE en FF

Pagina: 1
Acties:

Verwijderd

Topicstarter
Hallo,

Ik zit met een probleem, en heb heel internet al afgezocht voor de oplossing, maar heb geen oplossing kunnen vinden die voor MIJN geval werkt. Hopelijk kunnen jullie me wel helpen!

Ik ben nog een behoorlijke n00b, en dit is mijn eerste website met CSS, dus vast nog niet super netjes, excuses daarvoor ;).

Het probleem:
- Website: http://www.gluco.nl
- CSS bestand te vinden op: http://www.gluco.nl/css
- Ik krijg de hoogte van de container (de witte strook in het midden van de pagina) niet goed in IE. Zoals de website nu is, is ie bijna perfect in zowel IE als FF, alleen bij pagina’s waarbij de content niet tot verder dan schermhoogte gaat kapt IE de witte container af (zoals onder ‘Links’). Ik wil dat deze dan de volledige schermhoogte heeft, zoals in FF wel het geval is.
Voeg ik echter in de CSS ‘height:100%;’ toe aan de container, dan zijn alle pagina’s in IE helemaal perfect, maar treedt een probleem op in FF. Op dit moment wordt de hoogte van de container in FF de schermhoogte (dus goed voor pagina’s waarbij de content NIET verder loopt dan schermhoogte). Alleen dan is het zo dat pagina’s met meer hoogte doorlopen op de body-kleur. De 100% is in FF dan dus uitsluitend de schermhoogte (zoals bijvoorbeeld de homepage).
- Ik krijg het dus niet voor elkaar om in ZOWEL IE als FF de pagina optimaal te krijgen.

Weet iemand de oplossing, want ik wordt GEK van al mijn mislukte probeersels met height 100% of auto of hier plaatsen, daar weg enz. enz.! Thanks!!!

  • Dark Blue
  • Registratie: Februari 2001
  • Laatst online: 28-11 22:14

Dark Blue

Compositionista!

Alpenmeisje

Mmm, Listapart heeft daar een mooie oplossing voor, je moet wel wat omgooien, maar waarschijnlijk werkt het dan wel voor jou:

http://www.alistapart.com/articles/fauxcolumns/

Het idee is dat je van dat brede stukje met die 2 zwarte pixels zover uit elkaar, een achtergrond maakt. Die repeat dan in de body in de y-richting tot ie uit beeld verdwijnt :)

heidiulrich.nl | adventura.nl : rugzakavonturen | pathwise.nl : prepping geeks to get jobs


Verwijderd

Topicstarter
Inderdaad, je oplossing werkt! Bedankt :). Maar ben toch benieuwd of het oplosbaar is zonder background-image, dus heb hem weer even teruggezet in originele stand.

Verwijderd

Sorry, had je al in je css

[ Voor 87% gewijzigd door Verwijderd op 17-10-2007 22:19 ]