Bilder zoomen

ergo

Hallo,
ich habe auf einer Internetseite mittels CSS ein Bild eingebaut, welches bei berühren mit dem Mauszeiger gezoomt wird. Im Quelltext habe ich "float:right;" angegeben, was dafür sorgt, dass sich das Bild rechts ausrichtet.
Mit I.E. funktioniert das einwandfrei, mit Mozilla wird das Bild gezoomt, aber nicht nach rechts ausgerichtet, so dass der linke Teil des Bildes nicht mehr sichtbar ist.
Unter http://www.miracle-team.de ist ein Testzugang aufgebaut.

Kann mir hier jemand weiterhelfen ?

MfG
Georg

bejot

moin georg,
am besten ist man codiert für die geckos (weil die es richtig machen) und passt dann mit <conditional comments> den IE an.
Abgesehen davon erzeugt der NOF fast nur IE only Code.
probier doch mal http://www.mozilla.nightrat.net/nvu/

Code

<style type="text/css">
<!--[if IE]> /*conditional comments Anfang*/
#fotobox {
width:95px;
margin:1px;
padding:1px;
border:0px solid #000000;
color:#000;
}
#fotobox a img {
float:right;
height:207px;
width:207px;
border:1px solid #000;
margin:0 0 5px 5px;
}


#fotobox a:hover img {
width:465px;
height:465px;
}
#fotobox a:hover {
padding:0; 
}
<![endif]--> /*conditional comments Ende*/
#fotobox {
width:95px;
margin:-15px;
padding:1px;
border:0px solid #000000;
color:#000;
}
#fotobox a:img {
float:right;
height:207px;
width:207px;
border:1px solid #000;
margin:0 0 5px 5px;
}
#fotobox img:hover {
width:465px;
height:465px;
}
#fotobox p {
padding:0; margin:0;
font: 500 0.75em/1.5 verdana,helvetica;
}
</style>

Alles anzeigen

Gruß Burckhard

ergo

Hallo Burckhard,

vielen Dank für die superschnelle Antwort. Habe es schon ausgetestet.
Dieser Code klappt prima.
Den Nvu Editor werde ich mal ausprobieren.

Viele Grüße
Georg
PS.
Bin gerade erst neuer Anwender von firefox. Aber so eine schnelle und fachmännische Hilfe habe ich noch nirgendwo erhalten.
:o:lol: