Je hebt de wrapper width op 100% staan dat wil zeggen dat hij altijd de volle breedte neemt (van het beeldscherm)
Dus kleinere vensters zullen in de problemen komen wanneer deze maar 968px breed zijn en jouw menu bijv 1030px breed is.
Verder is die slideshow met tekst op de homepage elke keer een image?
Deze schaalt ook niet mee.
Thread starter
beernt
(@beernt)
Hey BJ(leuk zelfde intialen als ik :-)), dank je voor je antwoord. Hoe wijzig ik dat?
Das moeilijk uit te leggen.. 🙂
Er zijn een aantal dingen niet goed.. Of niet goed is miss. een slecht woord, je kunt beter zeggen niet netjes gemaakt.
Die Slideshow genaamd “Supersized” staat niet binnen je Wrapper.
daarom zal je deze ook niet kunnen laten mee-schalen met je website.
Verder hebt je Google Chrome of Safari browser?
Zo ja, dan druk eens op CMD + ALT + I (Web info venster) dan kun je zien wat ik bedoel.
Normaal heb je een wrapper of ook wel container genoemd die alles opsluiten van codes. zeg maar alle onderdelen van je website bevinden zich binnen deze wrapper of container.
Waarom?
Omdat als je dan zegt in je stylesheet dat de wrapper 1000px breed mag zijn dat dan geen enkel onderdeel buiten deze wrapper kan vallen (mits je geen position absolute gebruikt)
Op jouw website komt eerst de Supersized image slider ding.
En dan pas de wrapper.
Verder heb je deze Supersized slider ding, er zelf handmatig ingezet denk ik waardoor er een hoop extra stylesheets en ander codes geladen worden in de <head> </head> van je website. Dit is geen enkel probleem maar dan moeten deze stylesheets wel niet de stylesheet van je thema hinderen.
Alles wat later komt op de website heeft voorrang.
Dus als je browser eerst het bestand style.css leest en daarna pas screen.css dat heeft screen.css altijd voorrang op style.css.
Dus stel in style.css staat wrapper width: 1000px;
En in screen.css staat wrapper width: 1600px;
Dan zal de wrapper 1600 pixels breed worden omdat deze als laatste in-gelezen wordt door de browser.
Dus lang verhaal iets korter. Je moet in je stylesheets gaan kijken hoe je deze site een bepaalde breedte kunt geven. Mijn advies is niet breder gaan dan 1000px. om te beginnen. Dan heb je heel erg veel browsers en beeldschermen te pakken zonder dat mensen horizontaal hoeven te scrollen op je website.
De stylesheets waar jij in moet kijken zijn (denk ik):
Atlas > style.css
Atlas > css > screen.css
En optioneel:
Atlas > css > supersized.css Deze is alleen voor de slider.
Thread starter
beernt
(@beernt)
thanks voor je uitgebreide antwoord BJ. I guess 🙂 Ik snap er geen kont van haha…..mag ik de screen.css en supersized.css naar jou mailen ? Ik zou je erg dankbaar zijn als je deze zou kunnen wijzigen voor me
Nee, helaas..
Ik heb niet de tijd om dit te doen.
Plus ik ben zelf met drie projecten bezig waar mensen mij voor betalen dus zou het niet netjes zijn om hier gratis aanpassingen te gaan doen.
Ik leg alleen maar uit waar de problemen zitten..
Miss. dat iemand anders hier op het forum zich wel geroepen voelt om dit aan te passen.
Even goede vrienden. 🙂
Thread starter
beernt
(@beernt)
snap ik. thanks anyway, ik ben in ieder geval wat op weg geholpen.
Thread starter
beernt
(@beernt)
zou het trouwens ook in % kunnen staan in plaats van aantal pix?
Klopt..
Als het goed is staat er ergens binnen je screen.css bestand dit:
#wrapper {
width: 100%;
}
En als je daar dit van maakt en opslaat.
#wrapper {
width: 1000px;
margin: 0 auto;
}
Dan maak je de website (content) 1000 pixels breed en met de margin 0 auto plaats je de content in het midden van je browser venster.
Dan maak je
Thread starter
beernt
(@beernt)
thanks ! nu nog ff de hoogte voor elkaar krijgen en ik ben gered 🙂
