Archief - xHTML/CSS: FireFox <> IE7

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
v

v1sioNz

Legacy Member
Allereerst wil ik melden dat ik een niet al te ervaren website-ontwerper ben, maar meestal kan ik mijn plan wel trekken....buiten het probleem dat ik nu heb.

Ik had een schoolopdracht gekregen om een website te bouwen. De ijverige :wtf: student dat ik ben, heb ik dit ook gedaan. Alles lukt vrijwel, behalve zijn er sommige dingen die mij enorm irriteren. Ik heb gestreefd naar een correcte XHTML code (W3 valideert _elke_ pagina als goed XHTML1.0 gebruik), maar toch zijn er sommige opmerkelijke verschillen als ik mijn website opendoe in FireFox en in IE7.

Website: http://www.paliox.be/2TINA1
CSS: http://www.paliox.be/2TINA1/layout.css
Gebruikersnaam & paswoord om in te loggen: test & test (gelieve van de berichten af te blijven :P ik heb alle vertrouwen in deze forum-gebruikers ;) )

De verschillen die mij het meeste irriteren (er zijn er waarschijnlijk nog, maar dit is de hoofdbrok):
  • Rechts kan je inloggen, eens ingelogd verandert het inlog formulier in 2 knoppen: Administration Panel & Log out. In FireFox worden deze correct weergeven, in IE7 is er een 'nogal' grote ruimte tussen deze knoppen --> hoe krijg je dit weg?
  • Eens in je in het Administration Panel zit, krijg je de opsomming van mogelijke acties (toevoegen, bewerken, verwijderen). FireFox weergeeft dit correct, bij IE7 zit er weer die vervelende ruimtes tussen --> hoe krijg je dit weg? (als je naar 'Project' gaat, zie je die ruimtes in de opsommingen ook staan)
  • Meer algemeen, hoe FireFox de font op de website weergeeft is exact hoe ik hem wil hebben. IE7 weergeeft hem anders, en imo lelijk ... nochtans heb ik over Verdana gebruikt. Hoe komt het dat in IE7 die font er zo anders uit ziet?
  • ZEER IRRITANT: in IE7 heb je boven de knop 'Project' nog een kleine ruimte, terwijl je dat in FireFox niet hebt (correcte manier!). Dit zou ik nog het allerliefst kwijt willen...
  • Normaal heb ik ALLE links zo ingesteld dat als je er over hovert, ze een underline krijgen. Raar genoeg werkt dit bij sommige links, en bij andere niet...Let wel, dit is zowel in FireFox als in IE.

Enige personen die even willen nakijken wat er nu juist foutloopt?

Dank bij voorbaat! :help:


Raf
K

KoenDK

Legacy Member
ivm ruimtes en dergelijke denk ik dat je vele zaken nog moet definiëren

ik zie dat je HOME en PROJECT in 1 td steekt
je kan ze beter absoluut in 2 aparte div's steken met een height value

zo zal je nooit die extra ruimte krijgen
een image met hoogte 50px in een div met hoogte 50px zal het gewenste resultaat geven

de rest geen idee
m

maatje

Legacy Member
eerst 2 opmerkingen

- het is geen XHTML vermits je tabellen gebruikt voor opmaak
- achtergrondkleuren dien je via CSS te doen
- die ruimte tussen tekst doe je met padding bij li
v

v1sioNz

Legacy Member
Bedankt voor de replies. Heb al t'een en t'ander kunnen rechttrekken :)

maatje zei:
eerst 2 opmerkingen

- het is geen XHTML vermits je tabellen gebruikt voor opmaak
- achtergrondkleuren dien je via CSS te doen
- die ruimte tussen tekst doe je met padding bij li
Klik om te vergroten...

Je zegt dat het geen XHTML is, maar als ik een pagina door de W3C-validator sleur vertelt hij me toch "This Page Is Valid XHTML 1.0 Transitional!"? Ik heb wat gegoogled en heb nergens iets in de aard van "XHTML -> no tables" zien staan...of begrijp ik het verkeerd?

Anyway, ivm li --> padding: 0px ? Heb deze geprobeerd maar geeft geen kik spijtig genoeg :( (ik doe wss een idiote fout ergens...)
$

$ph!nx

Legacy Member
Misschien doelt hij op het feit dat je beter div's hoort te gebruiken voor je layout & table's voor het ordenen van gegevens.

Leuk projectje, wat anders dan wat wij op onze hogeschool kregen
K

KoenDK

Legacy Member
v1sioNz zei:
Anyway, ivm li --> padding: 0px ? Heb deze geprobeerd maar geeft geen kik spijtig genoeg :( (ik doe wss een idiote fout ergens...)
Klik om te vergroten...

probeer eens margin ipv padding,
anders geen idee :)
Z

Zero Grav

Legacy Member
Het niet mogen gebruiken van tabellen als site-structuur (is geen opmaak) is niet iets wat je kan linken aan transitional of strict. Het hoort bij de "semantiek" die zegt dat je tags enkel mag gebruiken waar ze volgens de w3c voor dienen, zoals tables voor tabulaire data, p's voor paragrafen en het belangrijkste, divs om te positioneren. Feitelijk zouden tables dus zelfs in html 4.01 enkel voor tabulaire data gebruikt mogen worden.
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan