Toon posts:

Ruimte tussen DIV's

Pagina: 1
Acties:

Verwijderd

Topicstarter
Beste tweakers,

Ik zit met het volgende probleem.
Ik ben bezig een website te bouwen, maar ben nog een newbie op het gebied van html.
Ik heb de lay-out van m'n website gemaakt m.b.v. divs.
Die is hier te zien:
Site

Als het goed/fout is zien jullie een ruimte tussen de navigatie-div en de content-div, hoe krijg ik deze ruimte hier weg?

CSS-stylesheet:
CSS

Verwijderd

Ik zie geen tussenruimte in Firefox 1.0PR, maar het kan goed zijn dat de browser waar jij hem mee test DIVjes automatisch een tussenruimte geeft. Die ruimte heb je met CSS-properties margin en padding in de hand, dus om het safe te spelen:
code:
1
2
margin: 0px;
padding: 0px;

aan je DIVs meegeven als CSS property.

Verder is dit ook interessant leesvoer: http://www.w3.org/TR/REC-CSS2/box.html :)

edit:
Okee laat de profs het maar oplossen :>

[ Voor 8% gewijzigd door Verwijderd op 12-10-2004 12:21 ]


  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:47

crisp

Devver

Pixelated

Da's weer de 3pixel gap bug van IE.
Voor IE6 zal ws een display:inline op je #nav al soelaas bieden. Voor IE5.5 moet je zoiets doen:
Cascading Stylesheet:
1
2
3
4
5
* html #navi {
  display: inline; 
  margin-right: -3px;
  ma\rgin-right: 0;
}

Intentionally left blank


Verwijderd

Topicstarter
crisp schreef op 12 oktober 2004 @ 12:20:
Da's weer de 3pixel gap bug van IE.
Voor IE6 zal ws een display:inline op je #nav al soelaas bieden. Voor IE5.5 moet je zoiets doen:
Cascading Stylesheet:
1
2
3
4
5
* html #navi {
  display: inline; 
  margin-right: -3px;
  ma\rgin-right: 0;
}
Ik heb je code in de stylesheet gezet, maar de ruimte blijft zitten,
nog andere ideën?

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 00:47

crisp

Devver

Pixelated

Ik heb hier even alleen IE5.5 bij de hand, en bovenstaande code lost daar het probleem wel op; IE6 vereist wellicht een andere tweak / hack.
Kijk anders even op http://www.positioniseverything.net/explorer.html - daar staan nog wel meer workarounds voor dit soort bugs.

Intentionally left blank


Verwijderd

Topicstarter
Bedankt voor alle hulp,
ik kwam er toch niet uit, dus ik heb het probleem anders opgelost:
Ik heb de content-div geen linker-border gegeven,
waardoor de 3px die IE ertussen gooit gebruikt wordt als extra marge.

Voor de andere browsers stel ik natuurlijk nog n padding in, maar IE geeft dr dan gewoon 3px bij, big deal.
:) Problem solved :) (if you can't beat them, join them :P )
Pagina: 1