Divgröße

[slosd]

Ich habe ein ziemlich komisches Problem:
Ich definiere die Größe von einem div in prozent. allerdings übernimmt IE irgendeine andere Größe (ich hab ka welche). Wenn ich dann mit der Maus über einen Link gehe wird das div so groß wie eigentlich angegeben.
Wenn ich dann in dem CSS menü an der Seite über einen Menüpunkt gehen wird das div wieder so groß wie am Anfang.
Wer das jetzt nicht kapiert (kann ich verstehen) kann es sich auch ansehen: [LINK]
Der Fehler kommt aber nur im IE !

CSS-Code:

body{
    font-family:Helvetica, Arial, sans-serif;
    color: black; background-color: white;
  }
  ul#Navigation {
    width:15.5%;
    height:80%;
    background-color:silver;
    border:5px dashed gray;
    float:left;
    margin-top: 10px;margin-left:0px;margin-right:5px;
    padding: 5;
  } 
  ul#Navigation li {
    list-style: none;
    padding: 4;
  }
  a#all {
   color:#666666;
   text-decoration:none;
   display:block;
   width:100%;
   list-style: none;
   border:2px outset gray;
   margin: 0px; padding: 3px;
  }
  a#all:hover {
   display:block;
   color:#222222;
   border:2px inset gray;
   background-color:gray;
  }
  a#all:active {
   display:block;
   color:#aaaaaa;
   border:2px inset gray;
   background-color:#444444;
  }
  div#inhalt {
   width:83.9%;
   height:80%;
   margin-top:10px;
   margin-left:10px;
   border: 5px dashed gray;
   border-right: 5px solid gray;
   padding:10px;
   overflow:auto;
   scrollbar-track-color:silver;
   scrollbar-face-color:gray;
   scrollbar-arrow-color:silver;
   scrollbar-shadow-color:gray;
   scrollbar-highlight-color:gray;
   scrollbar-darkshadow-color:gray;
  }
  div#header {
   background-color:silver;
   background-image:url(images/header.bmp);background-repeat:no-repeat;background-position:center;
   border:5px dashed gray;
   height:100px;
   width:100%;
  }
  a#link {
   color:gray;
   font-size:13;
   background-color:silver;
   text-decoration:none;
   font-style:italic;
  }
  a#link:hover {
   color:silver;
   font-size:13;
   background-color:gray;
   text-decoration:none;
   font-style:italic; 
  }

a#link sind normale Links
a#all ist das Format für das Menü an der linken Seite

 

[pit-r]

Moin!

Die externe .js Datei existiert nicht und Du hast 'ne ganze Reihe Links mit id="all". Dabei ist zunächst mal klar: id's haben eindeutig zu sein. Außerdem würde es mich nicht wundern, wenn - je nach Referenzierung - IE auch mit "all" als id Probleme bekommt.

Ändere das doch schonmal...

Ahoi - Pit

 

[slosd]

Moin!

Die externe .js Datei existiert nicht und Du hast 'ne ganze Reihe Links mit id="all". Dabei ist zunächst mal klar: id's haben eindeutig zu sein. Außerdem würde es mich nicht wundern, wenn - je nach Referenzierung - IE auch mit "all" als id Probleme bekommt.

Ändere das doch schonmal...

Ahoi - Pit

Ich hab vergessen die Script Einbindung zu löschen. Das Skript gibt es gar nicht mehr.

Und noch was:
Wenn ich die "normale" CSS Dateieinbindung (<link rel="stylesheet" type="text/css" href="format.css">)lösche funzt alles ganz normal.

ich kann das auch einmal mit class probieren !!

Id in Class ändern hat nichts gebracht ... (ich bin nicht auf pit-r böse)