<div> probleem
Hoi,
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
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
Wat wil je dan precies?
Dat ze in elkaar overlopen zeg maar?
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.
Zo bedoel je ?
#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
#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?
In IE6 is alles goed hoor met de 2 zwarte vakken.
Rieksie
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:
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
Dat was ook pas na 24 uur.
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.
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:
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.
Maar het probleem zit nu juist in de weergave in IE7 en Firefox en niet in IE6. IE7 en Firefox geven het niet goed weer, daarom denk ik dat er iets fout staat in mijn style.
In dat bumpen heb je gelijk, ik zie het nu pas staan...
In dat bumpen heb je gelijk, ik zie het nu pas staan...
Gewijzigd op 01/01/1970 01:00:00 door Bassos
Ik zou juist andersom werken: zorgen dat het goed weergegeven wordt in FF. Dan wordt het hoogstwaarschijnlijk ook goed weergegeven in IE7.
Vervolgens een aparte stylesheet gebruiken voor de weergave in IE6. Dit is immers de browser die afwijkt van de anderen.
Vervolgens een aparte stylesheet gebruiken voor de weergave in IE6. Dit is immers de browser die afwijkt van de anderen.
Zo ben ik inderdaad ook te werk gegaan ik heb de pagina XHTML valid opgebouwd en ging er van uit dat dan de pagina correct zou worden weergegeven in IE7 en Firefox, maar dit is niet het geval.
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?
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?
Tja, dat een pagina XHTML valid is, wil nog niet direct zeggen dat de layout ook precies is zoals jij dat wilt. Dat hangt natuurlijk helemaal af van hoe jij de verschillende divs hebt geplaatst en wat de onderlinge relatie is tussen die divs. Dit leg je allemaal vast in je html en css code.
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...
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...




