Versie 16.0.5 (64bit)
Ontwerp breedte : 970 px
Wanneer je een "Anker" net buiten de grid plaatst (start pos 971) wordt de breedte 1350px
ongeacht of je schermbreedte op 970 hebt staan.
De 1350 breedte is wat vreemd en maakt het lastig om "breedte" oorzaak te vinden. (Vieuwport)
Met name merkbaarbaar op mobiel in portrait (lijkt 2x deze breedte te zijn geworden.
Dit geeft weer onjuiste schermen bij een panelmenu.
Oplossing is uiteraard geen Anker plaatsen buiten de grid, feitelijk ook niet nodig....
Anker plaatsen buiten grid
Re: Anker plaatsen buiten grid
Ik denk niet dat de software zo maar willekeurig de breedte aanpast.
Het is lastig je hierbij te helpen zonder te zien wat je precies hebt gedaan.
Heb je een demo project?
Het is lastig je hierbij te helpen zonder te zien wat je precies hebt gedaan.
Heb je een demo project?
Re: Anker plaatsen buiten grid
Ga ik even aanmaken.
info volgt.
gr
info volgt.
gr
Re: Anker plaatsen buiten grid
Een simpel demo wbs file gemaakt ter demo met info
https://www.sussexcoronation.nl/rwd/wwb16demo.wbs
Stel pagina breedte op 1000
Plaats een grid etc tbv responsive.
Plaats een Anker op positie 1060,10
Dan is de schermbreedte 1080 geworden (1060+20) 20 voor het anker.
Waneer de browser onder 480 komt start de grid met responsive, echter wel met een schuifbalk (onder)
Bij verwijderen is alles weer ok.
In de demo een pagina met en een pagina zonder anker als voorbeeld.
Bij deze Pablo, wellicht heb je hier wat aan.
m.vr.gr.
https://www.sussexcoronation.nl/rwd/wwb16demo.wbs
Stel pagina breedte op 1000
Plaats een grid etc tbv responsive.
Plaats een Anker op positie 1060,10
Dan is de schermbreedte 1080 geworden (1060+20) 20 voor het anker.
Waneer de browser onder 480 komt start de grid met responsive, echter wel met een schuifbalk (onder)
Bij verwijderen is alles weer ok.
In de demo een pagina met en een pagina zonder anker als voorbeeld.
Bij deze Pablo, wellicht heb je hier wat aan.
m.vr.gr.
Re: Anker plaatsen buiten grid
Door dat je het anker buiten het grid plaatst, maak je er een 'fixed/absolute' object van.
Daarmee geef je de pagina (viewport) een vaste breedte. De breedte (en hoogte) van de pagina wordt namelijk bepaald door de positie en grootte van de content, niet door de pagina instellingen.
Wanneer je het anker in het grid plaatst dan wordt het een floating object.
Daarmee geef je de pagina (viewport) een vaste breedte. De breedte (en hoogte) van de pagina wordt namelijk bepaald door de positie en grootte van de content, niet door de pagina instellingen.
Wanneer je het anker in het grid plaatst dan wordt het een floating object.
Re: Anker plaatsen buiten grid
Merci Pablo,
feitelijk kunnen ankers nu ook anders dan vroeger.
Vreemd dat alleen dat de grid wel aanpaste aan de breedte op een smartphone.
Maar goed, No Bug.
m.vr.gr.
feitelijk kunnen ankers nu ook anders dan vroeger.
Vreemd dat alleen dat de grid wel aanpaste aan de breedte op een smartphone.
Maar goed, No Bug.
m.vr.gr.
Re: Anker plaatsen buiten grid
Ankers werken nog steeds hetzelfde als 'vroeger'.
Merk op dat dit allemaal standaard HTML functionaliteit is, ik heb dit niet verzonnnen...
Merk op dat dit allemaal standaard HTML functionaliteit is, ik heb dit niet verzonnnen...