login  Naam:   Wachtwoord: 
Registreer je!
 Forum

IE vs FF vs Opera

Offline AgentX - 01/09/2007 20:01 (laatste wijziging 08/09/2007 14:23)
Avatar van AgentXHTML beginner Hallo luitjes,

alweer een IE vs FF (vs Opera) probleem:
http://v2.themafiaclub.nl/

Ik kijk onder IE7, WinXP Home Edition, 1280x1024, en het staat zoals het moet worden.

Zo dus in IE7:
http://img258.i...oedyi1.png

Maar zo zie ik het in FF:
http://img258.i...outiz8.png

En zo in Opera:
http://img105.i...ut2sj6.png

Ik kom er niet meer uit... ik ben al ruim een jaar bezig om dit probleem op te lossen.

Hier de link naar de Validator van W3 die zegt dat hij VALID is:
http://validato...mp;group=1

Alvast bedankt maar weer!

14 antwoorden

Gesponsorde links
Offline sir_green - 01/09/2007 20:04
Avatar van sir_green PHP interesse is het misschien een idee om per browser een apparte opmaak toe te voegen?
Offline AgentX - 01/09/2007 20:10 (laatste wijziging 04/09/2007 12:59)
Avatar van AgentX HTML beginner Da's niet te doen!

Er moet een oplossing voor zijn, immers ziet SiMa er toch ook goed uit onder Mac/Linux/Windows en dan FF/IE/Konqueror/Opera?
Offline avdg - 01/09/2007 20:13 (laatste wijziging 04/09/2007 13:17)
Avatar van avdg PHP gevorderde Lol, zo kun je eeuwig blijven bezig zijn,
bijvoorbeeld deze 2 iets minder bekende browsers voor windows:

-safari voor windows: http://www.apple.com/benl/safari/download/
-avant (ie based): http://www.avantbrowser.com/
Offline sir_green - 01/09/2007 20:13
Avatar van sir_green PHP interesse tja daar heb je een goed punt, ik kan je alleen verder niet helpen omdat ik je code niet kan zien.

(en ik wordt op jou site geblockt omdat ik gebruik maak van proxy)

Weet niet of je het betreffende deel even online kunt zetten
Offline AgentX - 01/09/2007 20:18
Avatar van AgentX HTML beginner Proxy beveiliging is uit... en idd er zijn nog wel meer browsers, maar ik ga ze niet allemaal opnoemen, want dan ben ik hier nover een jaar nog online ;)
Offline sir_green - 01/09/2007 20:35
Avatar van sir_green PHP interesse Ik denk dat je je probleem eenvoudig (betekent niet dat je het in 5 min doet,maar dat het niet moeilijk is) kunt oplossen. Je maakt nu namelijk gebruik van div's en tabellen.

Je werkt ook met css in tabellen waarvan ik me zelfs afvraag of het wel toegestaan is. zoals float: left. Misschien heb ik het mis, maar volgens mij is dit niet echt bedoeld voor tbellen maar voor divs.

Wat ik daarom zou doen als ik jouw was.

Je maakt één grote containerdiv, daarin maak je vier kleine containerdivs. één voor je banner gedeelte 1 voor kje linker deel (met inhoudsopgave etc) 1 rechts (voor je berichten) en een footer.

Als je die goed gepositioneerd heb stop je de huidige inhoud er weer in. Tabellen moet je NIET gebruiken voor zulke doeleinden! Dus verwijder zoveel mogelijk tabbelen en vervang ze voor divs.

maar met name het opzetten van je container divs is belangrijk. Doe je dat goed, is jou probleem opgelost!
Offline AgentX - 01/09/2007 20:41 (laatste wijziging 04/09/2007 12:59)
Avatar van AgentX HTML beginner Oke, ik laat nog weten hoe het gaat als het gelukt is 
Offline jerone - 01/09/2007 21:33 (laatste wijziging 01/09/2007 21:35)
Avatar van jerone JS gevorderde Elke site moet voor elke browser werkend zijn. zelfs voor oude browsers.

Oplossing (hoop ik):
bij de linkerkant voeg je dit toe: [height:100%;]
Bij de rechterkant verander je [float:left;] in [float:right;]
(zonder de [] natuurlijk).
Offline gothmog - 04/09/2007 19:28
Avatar van gothmog Lid Als je netjes script, en xhtml strict, zul je weinig problemen krijgen met browsers. CSS is bijna overal hetzelfde, zolang je niet al teveel tirelateintjes doet, dus niet teveel transparant, en van die leuke effectjes... Dan gaat het allemaal goed in je browser. EN natuurlijk goed script..
Offline Pieter - 04/09/2007 19:28
Avatar van Pieter Gouden medaille

SEO guru
Hint: laat die tabellen eens vallen, en begin eens van een simpele css opbouw zoals je hier kan zien:
http://www.deva...tered.html
(kopieer de bron en plaats er vervolgens jou content in en begin dan aan te passen)
Offline gothmog - 04/09/2007 19:51 (laatste wijziging 04/09/2007 20:30)
Avatar van gothmog Lid pieterc, wat is er mis met tabellen?
Het is veel sneller op te bouwen en veel simpeler. Je bent wel wat meer code kwijt vaak, maar voor de rest...
Het heeft beide zijn voor- en nadelen

Update je FF eens, bij mij weergeeft hij het beter.

Edit:
Even wat bekeken, een link met een hoogte van 48px, nog niet vaak tegengekomen. Maak er eens een Div van?
ZO maak je het klikbaar:
  1. onclick="location.href='http://www.site.nl'"


Maakt van je cursor een handje
  1. style="cursor: pointer;"


Als je die <a> in een div verandert en bovenstaande waardes meegeeft... moet het beter gaan lijkt mij.
Offline Pieter - 04/09/2007 22:41
Avatar van Pieter Gouden medaille

SEO guru
gothmog schreef:
pieterc, wat is er mis met tabellen?
Het is veel sneller op te bouwen en veel simpeler. Je bent wel wat meer code kwijt vaak, maar voor de rest...
Het heeft beide zijn voor- en nadelen


http://www.stylesheets.nl/
Bekijk eens al die argumenten... De grootste is nog die van semantiek. Tabellen zijn om data te tonen. Layout in je html verwerken is ronduit dom. En dat doe je dus met tabellen.
Over voorkeur en smaak valt natuurlijk niet te twisten, maar als je toekomstgericht bezig wilt zijn werk je zonder tabellen.
Offline gothmog - 05/09/2007 16:12
Avatar van gothmog Lid Gebruik ze ook alleen om informatie te tonen, maar die mag toch ook opmaak hebben?
Een while loop gaat stukken makkelijker met tabellen dan met div's die je allemaal goed moet floaten enzo..
Offline AgentX - 08/09/2007 10:19 (laatste wijziging 08/09/2007 14:23)
Avatar van AgentX HTML beginner Zie nieuw topic.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.178s