<div> probleem
ik ben bezig met een layout te maken voor een website. Alleen nu kom ik een probleem tegen met een aantal <div> 's. Aan de rechterkant van mijn layout staan twee zwarte vakken, die horen onder elkaar te staan alleen nu staan ze half over elkaar heen. Hoe kan ik dit oplossen?
Ik zal even een link neerzetten dan zie je precies wat ik bedoel. De broncode is volledig met syle, dus dan kun je misschien het probleem al snel vinden.
http://www.sambavstango.nl/test/test.php
Gewijzigd op 01/01/1970 01:00:00 door Bassos
Dat ze in elkaar overlopen zeg maar?
Nee dat die twee zwarte vakken onder elkaar staan.
is het al opgelost? want bij mij doet hij het gewoon.
#nav2 {
width:190px;
margin:0px;
padding:0px;
padding-top : 75px ;
color:#FFFFFF;
}
Vervang je eigen nav2 door deze en dan zou het moeten werken.
als de afstand te groot/klein is moet je even met padding top spelen
Bij mij is het ook heel vreemd, want hij doet het wel als ik in de designfunctie van Dreamweaver kijk. Alleen in Firefox en IE 7 doet ie het bij allebei niet goed. Maar ik zal eens met de padding spelen. Het lijkt me vreemd dat dat de oplossing is, maar ik zal vanavond eens kijken.
ik heb het ook alleen even snel in firefox gefixed hoor moet ik toegeven
*bump* ik heb het probleem nog steeds niet opgelost, iemand?
Rieksie
Ik zie het inderdaad ja. In IE6 wel goed en in IE7 en Firefox niet goed. Iemand nog tips?
Het de pagina is in ieder geval wel valid in XHTML...
@jacco: En als ik padding-top gebruik dan ziet het er wel goed uit in IE7 en Firefox, maar weer niet in IE6....
Bassos schreef op 20.01.2007 22:15:
Tja, dat zul je altijd houden, IE6 houdt zich nou eenmaal niet aan de standaards. IE 7 doet dit al beter.@jacco: En als ik padding-top gebruik dan ziet het er wel goed uit in IE7 en Firefox, maar weer niet in IE6....
De oplossing is om voor IE6 een andere stylesheet te gebruiken dan dat je voor IE7 en FF gebruikt. Dus afhankelijk van welke browser een bezoeker gebruikt wordt er een bepaalde stylesheet geladen.
ps. *bumpen* mag pas na 24 uur!
Gewijzigd op 01/01/1970 01:00:00 door Joren de Wit
Het is gewoon een heel irritant probleem dat er eigenlijk niet hoort te zijn. Want de twee div's staan gewoon onder elkaar (zo staan ze ook gewoon in de designview van Dreamweaver), maar om een of andere reden wordt het verkeerd weergegeven in de browser. Daar staat de onderste div half over de bovenste div heen.
Nu heb ik het dan opgelost door de onderste div een padding-top van 65px te geven, maar dit kan nooit de bedoeling zijn, toch?
Ze horen gewoon onder elkaar te staan.
Gewijzigd op 01/01/1970 01:00:00 door Bassos
Bassos schreef op 20.01.2007 22:30:
Dat was ook pas na 24 uur.
Re: <div> probleem op 20.01.2007 21:10
Re: <div> probleem op 20.01.2007 21:12
Re: <div> probleem op 20.01.2007 22:15
En dit is geen bumpen? Lijkt me wel! Gebruik gewoon de edit knop als je iets aan je bericht wilt toevoegen.
Wat betreft je probleem: tja dat is nou eenmaal IE6. Die browser houd zich niet altijd aan de webstandaards en dus krijg je soms dit soort vreemde problemen.
Vervolgens een aparte stylesheet gebruiken voor de weergave in IE6. Dit is immers de browser die afwijkt van de anderen.
Nu heb ik het probleem opgelost door een soort "hack" (padding-top:65px;) te gebruiken. En nu wordt de pagina wel goed weergegeven in IE7 en Firefox. Maar kan nooit de bedoeling zijn, toch?
Deze dingen bepalen uiteindelijk het layout van je website en daar heeft het valide zijn van je HTML code in principe weinig mee te maken...