Html + CSS Header en Footer. IE = OK, FF = Nee
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
Gewijzigd op 01/01/1970 01:00:00 door Arjen Lodder
Gewijzigd op 01/01/1970 01:00:00 door --
En is er ook nog een goede reden dat je geen tabellen moet gebruiken ? (gewoon intresse he... :p)
BTW, Thanx Evert. Door het Border Collapse werkt de footer nu ook goed in FF.
Gewijzigd op 01/01/1970 01:00:00 door Arjen Lodder
Gewijzigd op 01/01/1970 01:00:00 door --
Arjen schreef op 25.10.2008 23:17:
En is er ook nog een goede reden dat je geen tabellen moet gebruiken ? (gewoon intresse he... :p)
Niemand kan je iets verplichten. Zo kun je best je pagina's beginnen met een p tag en alle bodytekst in h1 zetten. Verder kun je prima een form tag gebruiken, alleen om een blok tekst cursief te zetten.
Van oorsprong heeft elke tag een bedoeling. Als je elke tag gebruikt waarvoor hij bedoeld is, dan werk je semantisch correct. Een tabel is niet oorspronkelijk voor lay-out bedoeld.
Een site die op die manier is opgezet, is sneller en beter onderhoudbaar, omdat de code slanker is en de opmaak gescheiden is van de inhoud. De voordelen van CSS zijn niet nieuw; inmiddels weten we al een jaar of wat dat het efficiënter werkt.
Kijk bijvoorbeeld eens naar www.csszengarden.com en probeer zoiets dan eens met tabellen op te zetten in plaats van met CSS.
Everet: ik zit hier eens te lezen, en ik snap nu inderdaad wel een beetje waarom je geen Tables moet gebruiken. Ik ga het vanaf nu zo weinig mogelijk proberen. De header en footer zijn nu zonder Table!
PHP Newbie, dit is juist het probleem :P zelfs zonder het gebruik van de table gaat het niet weg. Dus daar moet ik nog eventjes naar kijken.
Jan, Ik gaat verder met CSS met zo min mogelijk tables. Thanx!
maar nu rest nog de vraag: Hoe kan ik horizontaal scrollen wel mogelijk maken in een DIV en verticaal niet ? Het werkt nu met de functie position: fixed; Dus is dit überhaupt te veranderen ?
Thnx!
height: 50px;
width: 100%;
left: 0px;
top: 0px;
Je header.
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!
p.s. Vanacht uur langer slapen :D
GR Arjen
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)
Gewijzigd op 01/01/1970 01:00:00 door Arjen Lodder