Netscape zeigt HP fehlerhaft an
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
Antwort schreiben
Antwort 1 von rfb vom 28.03.2019, 10:57 Options
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.
Antwort 2 von ti91mo vom 28.03.2019, 15:37 Options
"(oder right - anschließend clearen nicht vergessen)"
öhm... clearen!?
Antwort 3 von rfb vom 28.03.2019, 22:53 Options
dem folgenden Element die CSS-Eigenschaft
clear:left
(bzw.
right
oder
both
) geben, damit das Floating da beendet ist.
Antwort 4 von ti91mo vom 28.03.2019, 23:06 Options
hmm... da gibt es leider keinen unterschied...
Antwort 5 von rfb vom 28.03.2019, 23:52 Options
Zitat:
da gibt es leider keinen unterschied
<zynismus>nun, aufgrund dieser detaillierten Problembeschreibung wird dir sicherlich gleich jemand helfen können</zynismus>