nicht angemeldet
IE 6 und der OverflowBug
Servus Rundum,
Zahnweh und Zeitdruck ... ich stehe auf dem Schlauch.
Die Seite
http://www.handow.com/deutsch/referenzen/
soll das Impressum RECHTS von border anzeigen.
Bei IE 6 wächst aber die Box mit.
Code:
<table class="content_table" style="width:910px;height:650px;margin:auto;" border="0" cellpadding="0" cellspacing="0">
<tr>
<td class="inhalt_text_3" style="width:500px;" valign="top">
<div class="text_scroll">
<container id="6" name="Text" types="Content" default="">Text</container>
</div>
</td>
<td valign=top align="right" style="width:410px;height:100%;">
<div class="hell_breit" style="height:100%;">
<a href="http://www.handow.com/"><img src="upload/imgsrc/handow_logo.jpg" border="1" class="logo"></a>
<!-- halbtransparent für rechts -->
<container id="4" name="Handow-Hauptnavigation" types="Navigation" mode="fixed" default="Handow-Hauptnavigation">Hauptnavigation</container>
</div>
</td>
</tr>
</table>
CSS:
/* Navigation horizontal */
.navigation
{
position:relative;
top:92px;
left:8px;
text-align:left;
width:455px;
height:600px;
border: 0px solid green;
z-index:4;
}
.active {color:#333333;font-weight:bolder;text-decoration:none;word-spacing:10pt;}
.passive {color:#333333;text-decoration:none;word-spacing:10pt;}
.open {color:#333333;font-weight:bolder;text-decoration:none;word-spacing:10pt;}
.nav_1
{
color:#999999;
position:relative;
left:76px;
top:390px;
width:440px;
border: 0px solid blue;
word-spacing:32px;
overflow:visible;
z-index:4;
}
.nav_1 a {color:#999999;text-decoration:none;}
.nav_1 a:link {text-decoration:none;}
.nav_1 a:visited {text-decoration:none;}
.nav_1 a:focus {text-decoration:none;}
.nav_1 a:hover {text-decoration:none;}
.nav_1 a:active {color:#333333;font-weight:bold;}
.nav_2
{
color:#333333;
text-align:left;
line-height:15pt;
position:absolute;
left:100px;
top:-170px;
width:80px;
border: 0px solid blue;
z-index:4;
}
.nav_2 a {color:#333333;text-decoration:none;}
.nav_2 a:link {color:#333333;text-decoration:none;}
.nav_2 a:visited {color:#333333;text-decoration:none;}
.nav_2 a:focus {color:#333333;text-decoration:none;}
.nav_2 a:hover {color:#333333;text-decoration:none;}
.nav_2 a:active {color:#333333;text-decoration:none;}
.nav_3
{
color:#333333;
font-weight:normal;
text-align:left;
line-height:11pt;
position:absolute;
left:90px;
top:-170px;
width:160px;
border: 0px solid blue;
z-index:4;
word-spacing:0pt;
}
.nav_3 a {color:#333333;text-decoration:none;word-spacing:0pt;}
.nav_3 a:link {color:#333333;text-decoration:none;word-spacing:0pt;}
.nav_3 a:visited {color:#333333;text-decoration:none;word-spacing:0pt;}
.nav_3 a:focus {color:#333333;text-decoration:none;word-spacing:0pt;}
.nav_3 a:hover {color:#333333;text-decoration:none;word-spacing:0pt;}
.nav_3 a:active {color:#333333;font-weight:bold;text-decoration:none;word-spacing:0pt;}
.nav_3 li
{
list-style-type:none;
list-style-position:outside;
margin-bottom:6px;
text-align:left;
}
.inhalt
{
text-align:left; /* Seiteninhalt wieder links ausrichten */
margin: 0 auto; /* standardkonforme horizontale Zentrierung */
height:100%;
min-width:995px;
border: 0px solid red;
}
/* Textfeld Kategorie Startseite */
.text_li
{
border:0px solid #938D71;
width:490px;
padding-top:56px;
padding-left:16px;
padding-right:16px;
line-height:13pt;
text-align:justify;
}
.text_li_u
{
border:0px solid #938D71;
padding-left:16px;
padding-right:16px;
line-height:13pt;
text-align:justify;
}
/* halbtransparentes Feld Kategorie Startseite */
.hell_re
{
position:relative;
border:1px solid #938D71;
padding-right:40px;
height:650px;
width:390px;
background-image:url(../upload/imgsrc/transparent.png);
background-repeat: repeat;
z-index:3;
}
.weiss_re
{
position:relative;
border:0px solid #938D71;
padding-right:50px;
height:650px;
width:390px;
background-image:url(../upload/imgsrc/opo.gif);
background-repeat: repeat;
z-index:3;
}
.hell_breit
{
position:relative;
border-top:1px solid #938D71;
border-bottom:1px solid #938D71;
border-right:1px solid #938D71;
background-image:url(../upload/imgsrc/transparent_430.png);
background-repeat: repeat-y;
width:390px;
padding-right:40px;
overflow:visible;
height:650px;
z-index:3;
}
.content_table
{
position:relative;
width:910px;
height:650px;
margin:auto;
border:0px solid #938D71;
z-index:3;
}
.inhalt_text_3
{
position:relative;
padding-top:56px;
padding-left:16px;
padding-right:16px;
line-height:13pt;
text-align:justify;
width:445px;
background-image:url(../upload/imgsrc/transparent.png);
background-repeat: repeat;
min-height:590px;
margin:auto;
border-top:1px solid #938D71;
border-bottom:1px solid #938D71;
border-left:1px solid #938D71;
}
Ich stehe SO DERMASSEN aug der Leitung.
Habt Ihr eine Idee, wie ich es lösen kann?
Danke schon jetzt, dass Ihr darüber mitgrübelt!!
Daniela
-
Hallo,
soll das Impressum RECHTS von border anzeigen.
Bei IE 6 wächst aber die Box mit.Habt Ihr eine Idee, wie ich es lösen kann?
Ich kann leider nicht mehr mit dem IE6 testen, aber:
Gib der Box doch eine, von visible abweichende, overflow-Eigenschaft.Falls du wirklich möchtest, dass der Inhalt die Box überragt, könntest du evtl. auch mit relativer+absoluter Positionierung arbeiten.
mfg. Daniel