login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Tabel 'wijkt' uit bij IE

Offline ekki - 14/11/2010 15:31
Avatar van ekkiLid En daar ben ik weer met vragen die deze keer gaan over mijn andere website in de maak.

Het totaal plaatje moet er zo uit zien (zoals in GC en FF dus): voorbeeld GC/FF.
Maar in IE opent hij hem wederom weer erg vaag (voorbeeld IE). De verhoudingen tussen de boxen kloppen niet terwijl alle waardes wel hetzelfde zijn.

Nu weet ik ondertussen dat je deze verschillen nooit helemaal weg kunt krijgen. Maar wie heeft er nog tips voor mij om deze verschillen dan in ieder geval zo klein mogelijk te maken?

Hieronder volgt de CSS code:

css code - Bekijk de code zonder highlighting - Klap code in 
  1. body, html { overflow: auto; background-color: #000000; margin: 0; padding: 0;}
  2.  
  3. h1{ text-align: center; color: #000000; font-family: Century Gothic, Arial; font-weight: bold; font-size: 45px;}
  4.  
  5. h2{ text-align: left; color: #006600; font-family: Verdana; font-weight: bold; font-size: 14px;}
  6.  
  7. h3{ text-align: right; color: #DCDCDC; font-family: Verdana;font-size: 10px;}
  8.  
  9. p{ text-align: left; color: #000000; font-family: Verdana, Arial; font-size: 13px;}
  10.  
  11. .LOGO{ position: absolute; top: 20px; left: 70px; background-color: #000000; height: 180px; width: 895px; border-top: 3px solid #696969; padding: 5px;
  12. border-right: 3px solid #696969; border-bottom: 3px solid #696969; border-left: 3px solid #696969; background-image:url(Afbeeldingen/Logo4.png); background-repeat:no-repeat;}
  13.  
  14. .MENU{ position: absolute; top: 190px; left: 70px; background-color: #DCDCDC; height: 25px; width: 895px; border-top: 3px solid #696969; padding: 5px;
  15. margin: 0px; border-right: 3px solid #696969; border-bottom: 1px solid #696969; border-left: 3px solid #696969;}
  16.  
  17. table{ background-color: #DCDCDC; color: #000000; width: 895px; height: 25px; border: 1px solid #DCDCDC; margin: 0px; padding: 0px; 
  18. border-spacing: 1px solid #DCDCDC; border-collapse: collapse; border-color: #DCDCDC; }
  19. td{padding:0px;  margin: 1px; text-align: center; font-family: Verdana, Arial; font-size: 13px; width: 1%;}
  20.  
  21. .TEKSTVAK{ overflow: auto; position: absolute; top: 216px; left: 70px; background-color: #DCDCDC; height: 370px; width: 895px; border-top: 3px solid #696969; padding: 5px;
  22. border-right: 3px solid #696969; border-bottom: 3px solid #696969; border-left: 3px solid #696969;}
  23. a{ color: #000000; text-decoration: none; }
  24. a:visited{ #000000; }
  25. a:hover{ color: #FFFFFF}
  26. a.selected { font-weight: bold; color: #006600;}
  27.  
  28. .COPYRIGHT{ position: absolute; top: 602px; left: 80px; background-color: #000000; height: 25px; width: 895px; border-top: 0px solid #000000; padding: 0px;
  29. margin: 0px; border-right: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 0px solid #000000;}

8 antwoorden

Gesponsorde links
Offline Koen - 14/11/2010 15:39
Avatar van Koen PHP expert Heb je toevallig een voorbeeld online staan? Op die manier kunnen we er zelf wat met spelen (mbv Firebug of een dergelijk tooltje) en vinden we veel gemakkelijker een oplossing. 
Offline ekki - 14/11/2010 15:43
Avatar van ekki Lid Nog niet, wou daar mee wachten tot ik de site helemaal klaar heb, maar het is altijd te regelen natuurlijk. Voldoet 1 pagina online of zal ik de hele site meteen online zetten?
Offline Sam - 14/11/2010 15:48
Avatar van Sam PHP expert 1 pagina waarin het probleem zich voordoet moet voldoende zijn 
Offline ekki - 14/11/2010 15:55 (laatste wijziging 14/11/2010 16:08)
Avatar van ekki Lid http://www.makwafotos.nl/fotoshoots.html, daar staat ie. Ik ben benieuwd hoe hij er bij jullie uit ziet.

Overigens vertonen de pagina's alleen bij Internet Explorer fouten, niet bij Google Chrome en Firefox.

[edit] Ik heb de blokken van tekstvak en © even drastisch naar beneden gehaald en dan blijft dat het de tabel is die inderdaad moeilijk doet, maar waar het nu precies zit, geen flauw idee.
Offline Sam - 14/11/2010 16:08 (laatste wijziging 14/11/2010 16:11)
Avatar van Sam PHP expert Het probleem wordt veroorzaakt door de table die in je MENU div staat. Vervang ze door verschillende divs.
Offline ekki - 14/11/2010 16:11 (laatste wijziging 14/11/2010 16:17)
Avatar van ekki Lid Ik heb ze vaste afmetingen gegeven, zie de CSS, of moet ik andere afmetingen nemen? En kan dat inderdaad dat ik diverse andere div's plaats in plaats van tabellen?

[edit] Ik heb de table nu ook gepositioneerd via dezelfde manier als de menubox, dat schijnt goed te gaan. Ik ga het nog wel eens leren.  Nu maar afwachten of dat plannetje inderdaad gaat werken.

[edit2] Ik ga je advies gewoon opvolgen, table eruit en losse div's erin. Mijn vorig plannetje lukte alsnog niet helaas.
Offline Sam - 14/11/2010 16:25
Avatar van Sam PHP expert Je maakt je MENU div best ook wat hoger want als je tekst nu te groot is en op 2 regels terechtkomt, ga je de onderste regel waarschijnlijk niet zien.
Offline ekki - 14/11/2010 16:33 (laatste wijziging 14/11/2010 16:35)
Avatar van ekki Lid Ik snap er nu niet veel meer van. Ik ben dus begonnen door een div te maken voor het menu. Toen ik daarna (offline) de pagina wou bekijken, was mijn tekstvak ineens verdwenen (op GC/FF) terwijl hij het wel weer goed doet op IE.

Ik dus de wijzigingen aanbrengen zodat jullie ze ook konden zien en nu staat alles weer goed (de locaties van de verdere divs moet ik nog wijzigen). http://www.makwafotos.nl/fotoshoots.html

[edit] Bedankt voor je laatste opmerking.

[edit2] Ben ik nog te volgen overigens? Heb nu wat dingetjes aangepast en offline staat hij nu weer goed weergeven.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.192s