Hoi,
Eindelijk wil ik eens een nette site opzetten, dwz een site die standaard uit attribuutloos html bestaat, om er vervolgens een CCS sausje over te gieten om 'm er grafisch precies zo te laten zien als het ontwerp.
Zo maak ik gebruik van een h1 voor de header, die ik vervolgens in CSS de juiste hoogte en breedte geef, en een achtergrondplaatje. In de h1 in HTML staat netjes dezelfde tekst als in het plaatje, maar die tekst verplaats ik buiten beeld. Zo is de site kwa inhoud hetzelfde zonder CSS, maar ziet er met CSS precies zo uit als ik wil.
Dat gaf wat problemen, maar die kon ik allemaal gelukkig oplossen met behulp van Google en dit forum.
Nu wil ik voor h2 hetzelfde trucje uithalen, maar dat gaat helemaal mis, en ik kom er niet achter waar dit zit. Op het moment dat ik h2 een willekeurige hoogte geef, komt IE met een vage hoogte op de proppen en een breedte die breder is dan de #container waar h2 in zit.
Ik kom zelfs niet in de buurt van het probleem, dus hoop ik dat hier mensen zijn die me kunnen vertellen wat ik fout doe, of welke tweak ik zou kunnen gebruiken om het vreemde gedrag van IE goed te maken (in FF werkt het wel!).
Je vindt de site op http://www.therealguns.com/v2. Ik heb het stylesheet in de html geplaatst voor het gemak.
Als je die pagina in IE en FF vergelijkt, is het probleem snel duidelijk.
Ik hoop dat iemand me op het goede spoor kan zetten. De rest is pixel exact, en ik wordt er gek van.
gr,
Jo3p
Eindelijk wil ik eens een nette site opzetten, dwz een site die standaard uit attribuutloos html bestaat, om er vervolgens een CCS sausje over te gieten om 'm er grafisch precies zo te laten zien als het ontwerp.
Zo maak ik gebruik van een h1 voor de header, die ik vervolgens in CSS de juiste hoogte en breedte geef, en een achtergrondplaatje. In de h1 in HTML staat netjes dezelfde tekst als in het plaatje, maar die tekst verplaats ik buiten beeld. Zo is de site kwa inhoud hetzelfde zonder CSS, maar ziet er met CSS precies zo uit als ik wil.
Dat gaf wat problemen, maar die kon ik allemaal gelukkig oplossen met behulp van Google en dit forum.
Nu wil ik voor h2 hetzelfde trucje uithalen, maar dat gaat helemaal mis, en ik kom er niet achter waar dit zit. Op het moment dat ik h2 een willekeurige hoogte geef, komt IE met een vage hoogte op de proppen en een breedte die breder is dan de #container waar h2 in zit.
Ik kom zelfs niet in de buurt van het probleem, dus hoop ik dat hier mensen zijn die me kunnen vertellen wat ik fout doe, of welke tweak ik zou kunnen gebruiken om het vreemde gedrag van IE goed te maken (in FF werkt het wel!).
Je vindt de site op http://www.therealguns.com/v2. Ik heb het stylesheet in de html geplaatst voor het gemak.
Als je die pagina in IE en FF vergelijkt, is het probleem snel duidelijk.
Ik hoop dat iemand me op het goede spoor kan zetten. De rest is pixel exact, en ik wordt er gek van.
gr,
Jo3p
:strip_exif()/u/25820/raptorsafari.gif?f=community)
