Android browser vertoont border bij CSS menu op smartphone

Pagina: 1
Acties:

Acties:
  • 0 Henk 'm!

  • evkrieken
  • Registratie: November 2013
  • Laatst online: 18-08-2024
Hallo,

Ik heb mijn website responsive laten maken echter er is nog een probleempje bij het menu op een Android smartphone. Er wordt bij het menu een soort van border / scrollijn getoond in de standaard Android browser, zie
Afbeeldingslocatie: http://www.cacatoe.nl/afbeeldingen/Screenshot_menuborder.png

Dit probleem is bijv. niet zichtbaar op een iPhone.

Hoe zou ik dit kunnen weghalen. Het menu is zichtbaar als je naar www.cacatoe.nl gaat met je smartphone en dan dus linksboven op het menu-icon klikt.

Ik heb er niet zoveel verstand van maar kan best iets wijzigen in de CSS. :?

Gr. Erik

Acties:
  • 0 Henk 'm!

  • CurlyMo
  • Registratie: Februari 2011
  • Laatst online: 22:55
Het is inderdaad een scrollbar. Bekijk de site maar eens op een verkleind firefox scherm.

Sinds de 2 dagen regel reageer ik hier niet meer


Acties:
  • 0 Henk 'm!

  • Raem
  • Registratie: Oktober 2005
  • Laatst online: 00:16
Op regel 334 van rainbow-main.css wordt een witte border-left en right toegepast op de menu items. In de media query voor de mobiele weergave kun je deze op none zetten.

[ Voor 26% gewijzigd door Raem op 25-11-2014 15:39 ]

https://psnprofiles.com/RaemNL


Acties:
  • 0 Henk 'm!

  • evkrieken
  • Registratie: November 2013
  • Laatst online: 18-08-2024
Bedankt voor de reakties. @Raem, je oplossing werkt helaas niet. Die borders zijn de streepjes die je op de tablet en pc versie tussen de menu-buttons ziet en heeft niets met de scrollbar te maken. Maar ik heb het wel getest maar lost het dus inderdaad niet op. Als er nog iemand een idee heeft wat dit veroorzaakt.

Acties:
  • 0 Henk 'm!

  • CurlyMo
  • Registratie: Februari 2011
  • Laatst online: 22:55
Het doel is volgens mij niet van een topic hier om het kant en klare antwoord te geven. Velen hier kunnen je dat (net als ik) zo geven. Het doel is dat je zelf je probleem leert vinden. Zoals ik al aangaf gaat het hier om een scrollbar die altijd te zien is.

Het eerste zoekresultaat dat je krijgt wanneer je even zoekt (css scrollbar visible only when needed) op je probleem geeft je al het antwoord:
http://stackoverflow.com/...ly-visible-when-necessary

Sinds de 2 dagen regel reageer ik hier niet meer


Acties:
  • 0 Henk 'm!

  • evkrieken
  • Registratie: November 2013
  • Laatst online: 18-08-2024
@CurlyMo. Ik zat op een verkeerde gedachtengang omdat ook ik wel aan de scrollbar instelling had gedacht maar hierin geen oplossing had kunnen vinden. Met jouw 2e reactie werd het mij alsnog duidelijk dat ik het toch hierin moest zoeken. En inderdaad het was erg voor de hand liggend en is nu dus opgelost. Ik snap niet dat ik dat niet direct had gezien. Bedankt voor het meedenken en het stimuleren van het zelfstandig door zoeken naar een oplossing, want inderdaad alleen op die manier ga je versneld toekomstige problemen oplossen. Ik moet wel zeggen dat het gemiddelde nivo van zowel vragen als oplossingen op stackoverflow.com mijn kennis te boven gaat. Maar goed al doende leer ik natuurlijk.

Acties:
  • 0 Henk 'm!

  • Raem
  • Registratie: Oktober 2005
  • Laatst online: 00:16
Ah verkeerd gelezen. Dacht dat het om de witte border links en rechts ging. Fijn dat het is opgelost.

https://psnprofiles.com/RaemNL

Pagina: 1