Hallihallo Leute!
Ich habn Problem bei der positionierung von grafischen sowie Div-Elementen innerhalb eines Navigations-Divs.
Ich möchte, dass meine Grafik im Navi-Div immer am unteren Rande des IEs festklebt.
Das alles funktioniert auch problemlos. Nur das Problem ist, dass der Rand unterhalb des Bildes IMMER 1 oder 2px abstand lässt. Unterhalb des Bildes sieht man dann immer 2 bzw. 1 px der Hintergrundfarbe der Navigation. Das sieht natürlich total unprofessionell aus und ich kriegs einfach nicht gelöst.
Die Seite besteht aus 2 Div Containern. Einer links mit float:left und der andere rechts bzw im Quelltext darunter. Beide Container , sowie HTML und body haben die werte: padding, border und margin:0. TROTZDEM weigert sich IE das Element bündig unten links anzuzeigen. Woran kann das liegen?
So sieht der Quelltext aus
und der 2. Container:
Wenn ich das Element jedoch ausserhalb der Navi absolut positioniere, mach IE noch mehr Probleme. Er positioniert dann die Elemente neben der Navigation oder noch konfuser.
Ich benutze IE 6
Ich habn Problem bei der positionierung von grafischen sowie Div-Elementen innerhalb eines Navigations-Divs.
Ich möchte, dass meine Grafik im Navi-Div immer am unteren Rande des IEs festklebt.
Das alles funktioniert auch problemlos. Nur das Problem ist, dass der Rand unterhalb des Bildes IMMER 1 oder 2px abstand lässt. Unterhalb des Bildes sieht man dann immer 2 bzw. 1 px der Hintergrundfarbe der Navigation. Das sieht natürlich total unprofessionell aus und ich kriegs einfach nicht gelöst.
Die Seite besteht aus 2 Div Containern. Einer links mit float:left und der andere rechts bzw im Quelltext darunter. Beide Container , sowie HTML und body haben die werte: padding, border und margin:0. TROTZDEM weigert sich IE das Element bündig unten links anzuzeigen. Woran kann das liegen?
So sieht der Quelltext aus
HTML:
<style type="text/css">
<!--
span.p a:hover {color:#gray; text-decoration:none;}
span.p a:link {color:#000000; text-decoration:underline;}
span.p a:visited {color:#000000; text-decoration:underline;}
span.p a:active {color:#000000; text-decoration:underline;}
span.p a:fixed {color:#000000; text-decoration:underline;}
body, html { height:100%; padding:0; margin:0; border:0;}
-->
</style>
</head>
<body style="color:#FFF; height:100%; padding:0; margin:0; border:0;">
<div style="display:block; width:1300px; height:100%;padding:0; margin:0; border:0; position:relative;">
<div style="float:left;display:block; width:396px; background-color:#ca0411; height:100%;padding:0; margin:0; border:0; position:relative;">
<div style="position:absolute; bottom:0px; left:0px; padding:0; border:0; margin:0; width:396px; height:100px;">
<img src="Bilder/navi_bottom.png"></img>
</div>
blablablablablablabla
</div>und der 2. Container:
HTML:
<div style="float:clear; display:block; width 700px; background-color:white; height:100%;">
<table cellspacing="20" border="0" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#000000">
<tr>
<td><br><br></td>
</tr> .....Wenn ich das Element jedoch ausserhalb der Navi absolut positioniere, mach IE noch mehr Probleme. Er positioniert dann die Elemente neben der Navigation oder noch konfuser.
Ich benutze IE 6
Zuletzt bearbeitet:
