login  Naam:   Wachtwoord: 
Registreer je!
 Forum

[HTML] [CSS] Probleem met FF en IE

Offline KFredje - 21/04/2009 21:04 (laatste wijziging 28/04/2009 23:20)
Avatar van KFredjeNieuw lid hallo,

ik ben nu 3 dagen bezig met een site maar ben er nog niet echt tevreden van. Eerst en vooral 2 screenshots van FF en IE.

Firefox:
http://i114.pho...oos2-1.jpg

IE:
http://i114.pho...oos1-1.jpg

Nu is mijn probleem, Ik zou graag hebben dat het middelste deel de breedte heeft die over blijft (dus ook veranderd wanneer mensen andere resolutie hebben en dat de hoogte mee veranderd naar gelang de inhoud. Zoals je ziet is dit in FF bijna goed maar in IE helemaal niet. Ook de breedte werkt niet mee in IE.

Firefox:
http://i114.pho...oos2-2.jpg

IE:
http://i114.pho...oos1-2.jpg

Dit is de css code:
http://www.plaatscode.be/136264/

En dit is mijn index pag (foto 3-4)

  1. <html>
  2. <head>
  3. <title>WorldWide</title>
  4. <LINK href="css/style.css" rel="stylesheet" type="text/css">
  5. </head>
  6. <body bgcolor="#000000">
  7. <div id="banner">
  8. <div id="topbanner"><div id="topleftbanner"></div><div id="toprightbanner"></div></div>
  9. <div id="middlebanner"><div id="middleleftbanner"></div><div id="middlerightbanner"></div></div>
  10. <div id="bottombanner"><div id="bottomleftbanner"></div><div id="bottomrightbanner"></div></div>
  11. </div>
  12. <div id="WW" style="clear:both;">
  13. <table class="big">
  14. <tr>
  15. <td width="240">
  16. <div id="navdiv"><iframe src="nav.html" frameborder="0" height="455" width="240" scrolling="no"></iframe></div>
  17. </td>
  18. <td width="*">
  19. <div id="topborder2"><div id="topleft2"></div><div id="topright2"></div></div>
  20. <div id="middleborder2" style="clear:both;"><div id="middleleft2"></div>
  21. <div id="middlemiddle2">
  22. <table class="main">
  23. <tr class="head">
  24. <td class="nu"><img src="images/notice.gif"></td><td width="65" class="subject"> Subject:</td><td>New Site</td><td align="right" class="date">Date:</td><td align="right" class="date2">20-04-2009 </td>
  25. </tr>
  26. <tr>
  27. <td colspan="5">Welcome to the new site of WorldWide !!! <br>
  28. The side is made by Kira and will also be a GM ingame. The site isn't done yet but we do our best to finish it as soon as possible.</td>
  29. </tr>
  30. </table>
  31. <p>
  32. <table class="main">
  33. <tr class="head">
  34. <td class="nu"><img src="images/update.gif"></td><td width="65" class="subject"> Subject:</td><td>Teleport System</td><td align="right" class="date">Date:</td><td align="right" class="date2">20-04-2009 </td>
  35. </tr>
  36. <tr>
  37. <td colspan="5">Welcome to the new site of WorldWide !!! <br>
  38. The side is made by Kira and will also be a GM ingame. The site isn't done yet but we do our best to finish it as soon as possible.</td>
  39. </tr>
  40. </table></div>
  41. <div id="middleright2"></div></div>
  42. <div id="bottomborder2" style="clear:both;"><div id="bottomleft2"></div><div id="bottomright2"></div></div>
  43. </td>
  44. <td align="right" width="222">
  45. <div id="right">
  46. <div id="topborder3"><div id="topleft3"></div><div id="topright3"></div></div>
  47. <div id="middleborder3" style="clear:both;"><div id="middleleft3"></div><div id="middlemiddle3"><iframe src="News/Status.php" frameborder="0" height="78" width="100%" scrolling="no"></iframe>
  48. </div><div id="middleright3"></div></div>
  49. <div id="bottomborder3" style="clear:both;"><div id="bottomleft3"></div><div id="bottomright3"></div></div>
  50. </div>
  51. </td>
  52. </tr>
  53. </table>
  54. </div>
  55. </body>
  56. </html>


Zoals je ziet is de nav een iframe. Als het zou lukken in het midden een iframe te steken die aan de bovenste verijsen doet kan ik de nav gewoon op de pagina zetten zonder iframe, dan is dat al opgelost in IE betreft de nav.

Hopelijk kan iemand mij helpen.

titjes schreef:
Lappen code op www.plaatscode.be !

1 antwoord

Gesponsorde links
Offline IndexS - 28/04/2009 22:23
Avatar van IndexS MySQL interesse Wat je kan doen is een css maken voor FF en een css maken voor IE. Dan laat je de pagina eerst kijken welke browser de bezoeker heeft en aan de hand daarvan de juiste css erbij inladen.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.207s