Fejl i IE contra IE Mac og Netscape

Ja, du har beregnet dine ting udfra den forudsætning, at bredden af et browser-vindue er præcis det, det er i IE/win ...

For det første har IE en standard-padding/margen på 10px, som ikke findes i andre browsere, for det andet vises scrollbars kun i andre browsere, hvis der er brug for dem, så det må du gå i tænkeboks over:

Vil du finde dig i, at den måde som M$ har valgt at gøre tingene på, styrer dit design, hvorved _ingen_ andre browsere vil vise det samme, som du har lavet ...

Eller vil du tvinge IE til at gøre det (stort set !-) som der står i standarderne ?-)

IE går notorisk i quirks-mode, hvis ikke du har en fuldt kvalificeret doctype inklusive dtd-link, hvorved måden at lægge elementer på plads er afhængig af noget kode, som nogle Bombay-programmører lavede for mange år siden ...

Med denne fuldt kvalificerede doctype, læser IE faktisk dtd-dokumentet (stort set !-) på samme måde som almindelige mennesker, så det vil jeg anbefale som en start ...

Gyldige doctypes (brug mindst html 4.01 !-)

http://www.w3.org/QA/2002/04/valid-dtd-list.html

Du skal starte med at rette de her fejl
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.hgc.dk%2Ftest%2Findex.php

Din side skal kunne valideres for at kodet efter standarten. ellers kan du ikke regne med at de vises på samme måde

Tak for input, jeg har valideret med doctype 4.01 men ser stadig nævnte skævheder.
Er der noget i vejen med CSS koden i mit style sheet?

body {
    background-image: url(../graphics/bagline.gif);
    background-repeat: repeat;
    background-attachment: fixed;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    background-position: left top;
    visibility: visible;
    position: absolute;
    background-color: #FFFFFF;
      }
  #banner h1 {
    border: 1px solid #999999;
    background-image: url(../graphics/banner.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    visibility: visible;
    background-color: #990000;
    height: 85px;
    width: auto;
    margin-bottom: 2px;
  }
  #indhold  {
    margin: 2px 155px 5px;
    min-width: 500px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
  }
  #indhold p, #indhold pre {
    margin: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;

  }
  #leftcol {
    width: 150px;
    float: left;
  }
  #leftcol p{
    margin: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: none;
    background-position: left top;
  }
  .leftbox {
    width: 150px;
    float: left;
    border: 1px solid #999999;
    background-color: #FFFFFF;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
  }
  .leftbox p {
    font-size: 10px;
    margin: 10px;
    line-height: 12px;
  }
  #rightcol {
    position: absolute;
    width: 150px;
    top: 102px;
    right: 10px;
    margin-bottom: 5px;
  }
  #rightcol p {
    margin: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: none;
    background-position: left top;
  } 
  .rightbox {
    width: 150px;
    background: white;
    border: 1px solid #999999;
    margin-bottom: 5px;
  }
  .rightbox p {
    font-size: 10px;
    margin: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }
 
h4 {
    font-size: 12px;
    margin: 0;
    padding: 3px 10px;
    background-color: #990000;
    border-bottom: 1px solid #999999;
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
  }
address {
    background: white;
    margin: 5px 155px;
    padding: 5px 0 5px 0px;
    font-style: normal;
    font-size: 10px;
    font-weight: bold;
    color: #990000;
    border: 1px solid #999999;
}
address a {
    font-size: 10px;
    color: #990000;
}
.manchet {
    padding: 7px 10px;
    border: 1px solid #990000;
    margin-right: 16%;
    margin-left: 16%;
   
}
.manchet p{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 30px;
    color: #990000;
}
  a {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
    text-decoration: none;
}
  h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #990000;
    padding: 15px;
    border: 0px none #990000;
    font-weight: normal;
    margin: 0px;
}
  h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #990000;
    padding-left: 10px;
}
li {
    margin-right: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}
a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #990000;
}
.rulle {  left: 10px; top: 30px; clip:    rect(  ); position: absolute}
.tabel {  left: 5px; top: 380px; clip:    rect(  ); position: absolute}

Tilføj i hvert fald til body:

height:100%;
margin:10px;

Måske også:

overflow:hidden;

-- men det kan være, at nogle af dine sider er for lange til et skærmvindue, og så vil det ikke være så smart !-)

-- og forøvrigt vil du efter ovenstående tilføjelser sandsynligvis skulle rette din side, så den bliver vist rigtigt _alle_ steder ...

Ja nu vises siden ens i begge browsertyper og skal bare justeres ind.
Tusind tak for hjælpen. Jeg er lidt i tvivl og det er begge indlæg der har hjulpet.
Hvis I ligger et svar kan I dele pointene.

Velbekomme '-)

-- og tak for point ;~}