Ik ben bezig aan de website Limacows, op www.gtm8.nl (tijdelijk).
Nu ben ik dus voornamelijk nog bezig met de opmaak, dit test ik allemaal op deze site (klik) . Hoe hij er in IE uitziet is goed, maar als ik de pagina resize, dan willen de header + footer niet horizontaal scrollen. Hoe kan ik dit oplossen ?
En in FF ziet hij er helemaal niet goed uit. Ik krijg de witte streep tussen de header niet weg. border, cellspacing en padding staan al op 0. Werkt niet.
Ook de footer wil niet echt. Het laatste plaatje laat hij eronder. Terwijl de width gewoon goed is. (totale width van alle plaatjes).
De css Style is te zien op: www.gtm8.nl/test1/style.css
Iemand die dit probleem voor mij op kan lossen?
p.s. Heb al heel veel gezocht ja,,,
Thnx
Thnx, maar de header bestaat uit meerdere plaatjes, en op deze manier gaan de plaatjes onder elkaar staan bij een resize (of te kleine resolutie). Ik werk btw met een headerwrap (position: fixed;) en een header. Klik
Je CSS staat vol met allerlei hacks. Daardoor wordt hij erg ondoorzichtig en moeilijk te debuggen. Position: absolute zou ik niet te snel gebruiken. Als je een header als eerste in je code zet, staat hij altijd bovenaan, ook zonder position absolute.
Ja ok, maar zonder die absolutes kan ik nog steeds niet scrollen. Die absolutes zijn meer bedoeld voor de ouderen IE Explorers.
Ik ga morgen weer eventjes verder kijken. Tot nu in ieder geval heeeel erg bedankt voor al jullie reacties. Als het lukt laat ik nog eventjes weten hoe!
wie zegt dat tables gemakkelijker zijn qua opmaak dan divs? Je kunt met divs anders aardig makkelijk een hele indeling maken hoor. das 1 minuutje werk. Afhankelijk van de indeling die je zoekt natuurlijk.. maar de grote lijn is echt zo gepiept..
He merijn.
Hier waren we inderdaad al over uit. Maar ik ben beginnend in HTML en CSS. Ik vind het lastig dat je met CSS het probleem met de browsers hebt. In de ene browser werkt het weer wel, en de andere weer niet.
En nu zit ik nog steeds met die witregel tussen header en menu. Die krijg ik niet weg.
Edit:
Yeah, de witregel is weg. Dit heb ik gedaan met een CSS: img.imgtest { border: 0px solid #FFFFFF; float:left; }, daarna in elke <img> tag gezet: <img class='imgtest' src='...'>
Dit werkt nu.
Nu zit ik nog met het scrollprobleem, als dat opgelost is ben ik klaar. En ik heb al veel gezocht maar ik kom er niet uit.
Wat ik dus wil is: De header en footer Altijd boven en onderaan de pagina laten staan, dus als je verticaal scrolt dat ze niet meegaan. Maar als je resolutie te klein is en je scrollt horizontaal dat ze wel meegaan. (zodat je het hele menu kan zien)
