login  Naam:   Wachtwoord: 
Registreer je!
 Forum

IE wel goed FF niet!

Offline LPLennard - 30/01/2006 22:40
Avatar van LPLennardNieuw lid Mijn website is in IE precies zoals het moet maar in FF ziet het er niet uit.. Hij kopieert de achtergrond niet en zet dingen niet op zijn goeie plaats.

Het gaat om http://stappeninhoogeveen.nl/SiHnew/

Stylesheet:

php code - Bekijk de code zonder highlighting - Klap code in 
  1. body {
  2.         height:100%;
  3.         margin-top:0px;
  4.         margin-left:0px;
  5.         margin-right:0px;
  6.         margin-bottom:10px;
  7.         font-size:11px;
  8.         color:#000000;
  9.         font-family:arial;
  10. }
  11.  
  12. TD,DIV {
  13.         font-size:11px;
  14. }
  15.  
  16. INPUT,SELECT,TEXTAREA,BUTTON {
  17.         background-color:#FFFFFF;
  18.         border:1px solid #000000;
  19.         font-size:11px;
  20.         color:#FF6600;
  21.         padding:1px;
  22. }
  23.  
  24. DIV.TopMenuPos {
  25.         position:absolute;
  26.         z-index:1;
  27.         left: 225px;
  28.         top: 72px;
  29.         vertical-align:top;
  30. }
  31.  
  32. DIV.BannerPos {
  33.         position:absolute;
  34.         z-index:1;
  35.         right: 30px;
  36.         top: 10px;
  37.         vertical-align:top;
  38. }
  39.  
  40. DIV.AdsPos {
  41.         position:absolute;
  42.         z-index:1;
  43.         right: 10px;
  44.         top: 10px;
  45.         vertical-align:top;
  46. }
  47.  
  48. DIV.TimeDate {
  49.         position:absolute;
  50.         z-index:1;
  51.         right: 1px;
  52.         top: 80px;
  53.         vertical-align:top;
  54. }
  55.  
  56. TD.Logo {
  57.         margin-right:0px;
  58.         vertical-align:top;
  59.         height:100%;
  60.         width:198px;
  61.         padding:0px;
  62. }
  63.  
  64. DIV.InlogMod {
  65.         margin-left:0px;
  66.         height:37px;
  67.         background-image:url('../images/modules/inlog.png');
  68.         background-repeat:no-repeat;
  69. }
  70.  
  71. DIV.ProfielMod {
  72.         margin-left:0px;
  73.         height:37px;
  74.         background-image:url('../images/modules/profiel.png');
  75.         background-repeat:no-repeat;
  76. }
  77.  
  78. DIV.MenuMod {
  79.         margin-left:0px;
  80.         height:37px;
  81.         background-image:url('../images/modules/menu.png');
  82.         background-repeat:no-repeat;
  83. }
  84.  
  85. DIV.TableHeader {
  86.         margin-left:0px;
  87.         padding-left:20px;
  88.         background-image:url('../images/table_header.png');
  89. }
  90.  
  91. DIV.TableUnder {
  92.         margin-left:0px;
  93.         height:62px;
  94.         background-image:url('../images/table_under.png');
  95.         background-repeat:no-repeat;
  96. }
  97.  
  98. TD.Main {
  99.         height:100%;
  100.         width:100%;
  101.         vertical-align:top;
  102.         padding:0px;
  103. }
  104.  
  105. DIV.Header {
  106.         margin:0px;
  107.         padding:0px;
  108.         height:0px;
  109.         background-image:url('../images/header.png');
  110.         background-repeat:repeat-x;
  111.         vertical-align:top;
  112.         text-align:right;
  113. }
  114.  
  115. DIV.Main {
  116.         vertical-align:top;
  117.         width:100%;
  118.         margin:0px;
  119. }
  120.  
  121. DIV.MainContentDIV {
  122.         margin-top:10px;
  123.         padding-right:30px;
  124.         padding-left:30px;
  125. }
  126.  
  127. DIV.MainContent {
  128.         background-color:#FFFFFF;
  129.         border-top:1px solid #000000;
  130.         border-bottom:1px solid #000000;
  131.         border-left:1px solid #000000;
  132.         border-right:1px solid #000000;
  133.         background-image:url('../images/bg.gif');
  134.         background-repeat:repeat-x;
  135.         vertical-align:middle;
  136. }
  137.  
  138. DIV.MainContentMenu {
  139.         border-bottom:1px solid #000000;
  140.         margin-bottom:3px;
  141.         padding-bottom:3px;
  142. }

de andere pagina's moet je maar uit de root halen aangezien deze wat groter zijn.

7 antwoorden

Gesponsorde links
Offline Joel - 30/01/2006 23:54
Avatar van Joel Eigenaar Probeer dat eens wat meer in tabellen te zetten ipv met coördinaten te werken. Hierdoor krijg je problemen als een bezoeker een andere resolutie heeft als jij, of als een browser de HTML/CSS code anders parsed (firefox doet het goed, IE niet..)
Offline Barato - 31/01/2006 12:36
Avatar van Barato Nieuw lid flikker op met je tabellen jongen.

@TS: je zegt dat hij de achtergrond niet herhaalt, maar ik zie meerdere keren no-repeat in je CSS staan.... Absoluut positioneren is ook niet echt geweldig. Firefox doet normaal gesproken precies wat je hem vertelt dmv CSS, IE daarentegen gedraagt zich vaak niet zo netjes en als je geen DTD of een doctype zonder url hebt wordt dat nog erger (quirks mode)
Offline Thomas - 31/01/2006 12:53
Avatar van Thomas Moderator Lol, weet je wel tegen wie je het hebt?
Offline delta_004 - 31/01/2006 13:52
Avatar van delta_004 Onbekend Lol wedde dat je binne 1 dag een ban ofzo hebt:P
Offline xSc - 31/01/2006 14:01 (laatste wijziging 31/01/2006 14:01)
Avatar van xSc Onbekend Bararato gedraagt zich niet netjes, maar hij heeft wel goede opmerkingen wat betreft het topic onderwerp.
Offline delta_004 - 31/01/2006 15:55 (laatste wijziging 31/01/2006 15:56)
Avatar van delta_004 Onbekend Dat ben ik met je eens. Maar het is jammer als je je zo gedraagt als je zo goed kan scripten.
Maar ik heb dit vaker gezien bij barato.

Maar ef weer ontopic
Offline LPLennard - 31/01/2006 23:29
Avatar van LPLennard Nieuw lid het gaat ook om deze betreft kopieren achtergrond:

}

DIV.Header {
margin:0px;
padding:0px;
height:0px;
background-image:url('../images/header.png');
background-repeat:repeat-x;
vertical-align:top;
text-align:right;

en hij zet nog steeds niet het goeie 'tabel' in de main neer
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.182s