Birgit: Container: links ausgerichtet, 2.Container im 1.: float: right;

Beitrag lesen

Liebes Forum

Container: links ausgerichtet, 2.Container im 1.: float: right;

Funktioniert so weit auch ganz gut!
Nur leider nicht am IE 5.

Leider komme ich aber auch nicht selbst auf eine Lösung. Vielleicht könnt Ihr mir helfen.

C O D E S C H N I P S E L :
--------------------------------------------------------------------
<a class="downloadLink" href="../pdf/word/produktinfo_0100.doc" target="_blank">
    <div id="rechts">
        <img src="../images/rtf.gif" width="34" height="30"
         hspace="15" border="0" align="middle" alt="RTF-Dokument
         downloaden">[32 KB]
    </div>
  0100 - Volksschulen&nbsp;
</a>
--------------------------------------------------------------------

C S S - C O D E S C H N I P S E L:
--------------------------------------------------------------------
#rechts {
float: right;
width: 120px;
height: 40px;
vertical-align: middle;
line-height: 40px;
cursor: hand;
}

a.downloadLink:link, a.downloadLink:visited, a.downloadLink:hover, a.downloadLink:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: normal;
font-variant: normal;
color: #000000;
text-decoration: none;
vertical-align:middle;
text-align:left;
line-height:40px;
cursor: hand;
border-bottom-style: dashed;
border-top-style: dashed;
width: 600px;
height: 40px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 21px;
padding-right: 2px;
border-top-width: 1px;
border-bottom-width:1px;
display:block;
}

a.downloadLink:link, a.downloadLink:visited {
border-top-color: #FFFFFF;
border-bottom-color: #FFFFFF;
}

a.downloadLink:hover, a.downloadLink:active {
border-top-color: #CCCCCC;
border-bottom-color: #CCCCCC;
background-image:  url(../screen/images/hg_roll1.gif);
background-repeat: repeat-y;
}
--------------------------------------------------------------------

Das ganze könnt Ihr auf http://www.reniets.at/vorschau/produktuebersicht/bestell.php
ansehen.
Im IE5 wird der ganze Layer rechts ausgerichtet.
Richtig wäre natürlich den ::downloadLink:: links ausrichten und dann den div ::rechts:: rechts ausrichten.

Habt Ihr vielleicht eine Ahnung wie ich das Problem im IE5 lösen könnte?