✔ Header verschwindet im ie wenn im iframe Anker angesprungen wird

[kle-ben]

Hi,
wie in der Überschrift schon beschrieben verschwindet der Headerbereich meiner
Seite wenn ich im iframe einen Anker anspringe. Auserdem wird die Größe des
iframes im ie anscheinend mit 100% der Seitengröße dargestellt und wird nicht
durch die Größe des umgebenden div Tags beschränkt.

Zu beobachten ist das hier ! Einfach auf Patterns klicken und dann einen der Links
aus der grauen Box auswählen.

In Opera und Firefox funktioniert alles wunderbar.
Hier die CSS Datei:

/* override default behaviour */
html, body {
 height:100%;
 max-height:100%;
 overflow: hidden;
 padding:0;
 margin:0;
 border:0;
}



/******************************************************************** header */



/* style of the header */
#header {
 position:absolute;
 left:200px;
 top:0;

 width:800px;
 min-width:800px;
 height:150px;

 background:#fff;
 border:1px solid #000;
 z-index:5;
}

/* ie fix for header */
* html #header {
 top:2px;
 width:802px;
 height:148px;
}



/******************************************************************** content */


/* style of content block */
#content {
 position:absolute;
 top:150px;
 left:200px;
 bottom:27px;

 width:800px;

 display:block;
 overflow:no;
 z-index:3;

 background:#fff;
 border-left:1px solid #000;
 border-right:1px solid #000;
}

/* ie fix for content */
* html #content {
 top:0;
 bottom:0;
 width:802px;
 height:100%;
 border-top:154px solid #fff;
 border-bottom:25px solid #fff;
}



/******************************************************************** footer */



/* style of footer */
#footer {
 position:absolute;
 left:200px;
 bottom:0;

 width:800px;
 min-width:800px;
 height:25px;

 z-index:5;
 text-align:left;
 border:1px solid #000;
}

/* ie fix for footer */
* html #footer {
 width:802px;
 height:25px;
}


/* text format style for footer*/
#footertext{
 font-family: verdana;
 font-weight:bold;
 padding:7px;
 font-size:10px;
 color:#0059FF;
}

/* ie fix for footertext*/
* html #footertext {
 padding:5px;
}

/******************************************************************** mainbar */

/* styles for the main bar */
#mainbar{
 position:relative;
 top:119px;

 height:20px;
 width:790px;

 padding:5px;
 background-color:#CFCFCF;
 border-top:1px solid #000;
}

/* ie fix for mainbar */
* html #mainbar {
 top:116px;
 width:800px;
 height:30px;
}

/* style for links in mainbar*/
#mainbar a{
 color:#0059FF;
 font: bold 13px verdana, sans-serif;
 padding:1px 3px 1px 3px;
 text-decoration:none;
 background:#FFF;

 line-height:15px;

 border-top:1px solid #000;
 border-right:1px solid #000;
 border-bottom:1px solid #000;
 border-left:1px solid #000;
}

/* style for hovered links in mainbar*/
#mainbar a:hover{
 color:#FFF;
 background-color:#FFA600;
}

Ich hoffe jemand kann mir dabei helfen, musste mein letztes Design
schon verwerfen weils Darstellungsprobleme zwischen verschiedenen
Browsern gab.

Gruß Benny

 

[Maik]

Hi,

ersetz mal im Selektor #content in der overflow-Deklaration den Wert no durch hidden.

Diesen Wert gibt es für die CSS-Eigenschaft nicht, und ist daher die Ursache für den Darstellungsfehler im IE.

 

[kle-ben]

Danke, jetzt funktioniert alles bestens!

Benny