Push-Nachrichten von MacTechNews.de
Würden Sie gerne aktuelle Nachrichten aus der Apple-Welt direkt über Push-Nachrichten erhalten?
Forum>Entwickler>Firefox: DIV und OBJECT Height 80% / 100%

Firefox: DIV und OBJECT Height 80% / 100%

dom_beta25.09.1220:08
Hallo,

weiß jemand, wie man Firefox dazu bewegen kann, ein DIV-Container und ein Object-Tag mit Height 80% und 100% darzustellen?

Mit Safari, Internet Explorer & Co. funktioniert dies; nur mit dem FF nicht.

Übrigens, der Code:


<object data="Adresse" type="text/html" style="display:block; width:1000px; margin: auto; height: 80%">
</object>

Danke sehr.
„...“
0

Kommentare

maliker25.09.1220:35
Hier, bei mir klappt es:



Hoffe ich konnte helfen.
0
dom_beta27.09.1219:33
Hallo,

also, irgendwie funktioniert das mit dem Firefox immer noch nicht.

Könntet ihr freundlicherweise einen Blick auf den Code werfen und mir sagen, was da schief läuft?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test GB</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="Content-Language" content="de">
</head>
<body>
<div id="content" style="width:1000px; height:auto; margin:auto; border:1px solid red;">

<object data="Adresse" type="text/html" style="width:999px; margin:auto; height:80% ; min-height: 80%; "></object>
</div>
</body>
</html>
„...“
0
dom_beta27.09.1220:11
Hallo,

ich habe die Lösung in diesem Forum gefunden:

http://forums.mozillazine.org/viewtopic.php?t=546509


Ich darf zitieren:
on a plain html page with an <object>, FireFox fails to set the height when you use a percent value. If you use an Em value it works.
Width as a percent works, but not height!

If you set the <object> "position: absolute;" in CSS or the <object> is contained in a <div> with "position: absolute;" then you can set height as percent, but text later in the document is BEHIND the <object>, and only the end paragraphs poke out from the bottom!

In meinem Fall wäre dies:

<object data="Adresse" type="text/html" 
style="
[b]width:1000px;
min-height:80%;
position:absolute;
[/b]">
</object>
„...“
0

Kommentieren

Diese Diskussion ist bereits mehr als 3 Monate alt und kann daher nicht mehr kommentiert werden.

Kurz: Apple bietet iPhone 15 erstmals refurbished an +++ Dells konfuse neue Produktnamen sorgen für Spott
Kurz: Apple bietet iPhone 15 erstmals refurbish...
Facebook & Instagram: Zuckerberg kündigt Aus der Inhaltskontrolle an – angesichts eines neuen Zeitgeistes
Facebook & Instagram: Zuckerberg kündigt Aus de...
iOS 18: Kritik an neuer Fotos-App reißt nicht ab
iOS 18: Kritik an neuer Fotos-App reißt nicht ab
Softwareupdate: Apple veröffentlicht iOS 18.2.1
Softwareupdate: Apple veröffentlicht iOS 18.2.1
PIN-Code erraten: Dauer
PIN-Code erraten: Dauer
Mac mini mit M4
Mac mini mit M4
Interview: Größte private Mac-Sammlung
Interview: Größte private Mac-Sammlung
Apple veröffentlicht iOS 18.2, iPadOS 18.2 und weitere Updates
Apple veröffentlicht iOS 18.2, iPadOS 18.2 und ...