Supportnet / Forum / Webseiten/HTML

Hallo, ich habe eine HP mit 2 Bildern. diese Bilder sollen direkt nebeneinander angezeigt werden und das ganze Browserfenster füllen. Hierzu habe ich den Befehl "<img alt="" name="image1" src="l1.png" border="0" width="50%" height="100%"><img alt="" name="image2" src="r1.png" width="50%" height="100%" border="0" >" benutzt. Bei allen gängigen Browsern die ich nutze (Firefox, Internet Explorer etc.) funktioniert dies auch einwandfrei. Nur der Netscape macht mir Probleme. Das linke Bild zeigt dieser auch perfekt an, mit dem rechten jedoch hat er Probleme. die "Width="50%"" interpretiert er so, dass er von der verbleibenden Bild´schirmgröße 50% verwenden soll. setze ich nun bei Bild 2 in "Width" 100% ein, zeigt Netscape alles perfekt an, jeder andere Browser jedoch zeigt nur noch das linke Bild an. Gibt es irgendeine alternative, bzw. weiß jemand wie ich oben genanntes ausbessern kann? MfG ti91mo

setz die Bilder einfach in andere Elemente (div oder span - was semantisch sinnvoller erscheint), denen gibst du im CSS die Eigenschaften
-

display:block

-

float:left 

(oder

right

- anschließend

clear

en nicht vergessen)
-

width:50%

Innerhalb dieser Elemente kannst du die Bilder auf 100% der verfügbaren Breite setzen.

"(oder right - anschließend clearen nicht vergessen)"
öhm... clearen!?

dem folgenden Element die CSS-Eigenschaft

clear:left

(bzw.

right

oder

both

) geben, damit das Floating da beendet ist.

hmm... da gibt es leider keinen unterschied...

<zynismus>nun, aufgrund dieser detaillierten Problembeschreibung wird dir sicherlich gleich jemand helfen können</zynismus>

• Browser runterladen (für WIN 98 SE)