Beste,


Ik heb vraag met betrekking tot een website waar ik aan het werken ben.
Ik heb alles al geprobeerd en kom er echt niet meer uit, hopelijk kan iemand mij hier helpen.

URL: www.dexo-design.nl/intelectric

Het probleem wordt zichtbaar als je de website bekijkt op een kleinere resolutie (width= <1100px) en er een horizontale scrollbalk verschijnt. Als je de horizontale scrollbalk vervolgens gebruikt om de rechterkant van de pagina te bekijken, zie je dat de backgroundimages niet verlengt worden in het nieuwe gedeelte. Je ziet hier dan de zwarte achtergrondkleur. Weet iemand misschien hoe ik dit kan oplossen?

Bedankt alvast,


Met vriendelijke groeten,

Geert

Bij de meeste PCs en laptops, zelfs netbooks is nu al een hogere resolutie. 1200>

De CSS:

Code:

div#wrapper { width: 1264px; }

Resultaat middels bovenstaande CSS:
http://www.oukjeweb.com/intelectric.html

Overigens horen er geen heading tags te staan tussen je li's, dat is gewoon ongeldige HTML.

Aanvullend bericht:

Origineel gepost door Marvin Kennis

Bij de meeste PCs en laptops, zelfs netbooks is nu al een hogere resolutie. 1200>

De resolutie is irrelevant.
Ik kan op een 1600px resolutie nog een browservenster gebruiken dat slechts 600px breed is..

Beste S. van Laere,


Bedankt voor je moeite, het werkt in je voorbeeld inderdaad goed.

Zou je me misschien kunnen vertellen wat je aangepast hebt, want enkel de width aan de wrapper toevoegen geeft voor mij niet hetzelfde resultaat?


over de headings in de list:
Het is mij eigenlijk altijd verteld dat je alle tags in een list mag gebruiken (zelfs bijvoorbeeld img-tags)
In dit geval heb ik eigenlijk enkel gedaan voor de hierarchie in de pagina als de css niet available zou zijn, maar dit is dus geen geldige html?


toevoeging:

Het probleem is opgelost, heb uiteindelijk een min-height van 1246 px aan de wrapper div toegevoegd.

bedankt S. van Laere voor je hulp.

Ik heb alleen div#wrapper { width:1264px; } aangebracht in je structure.css.

In de opmaak:

Code:

<ul>
<li><a href="iets.html"></a><h1>link</h1></li>
</ul>

Is het probleem dat je een blocklevel element gebruikt waar alleen een inline element is toegestaan.
Doe gewoon dit:

Code:

<li><a href="iets.html">Linknaam</a></li>

Hier is een voorbeeld en dit is voor dergelijke toepassingen eigenlijk de beste techniek:
http://www.oukjeweb.com/imagemenu.html

Origineel gepost door Marvin Kennis

Bij de meeste PCs en laptops, zelfs netbooks is nu al een hogere resolutie. 1200>

Dat zegt niet zoveel, ik heb een behoorlijke schermresolutie, maar surf hiermee nooit fullscreen.