nicht angemeldet
Flashfilm wird mit ungewolltem Margin im Container dargestellt.
Hallo,
ich bin etwas ratlos, was folgendenden Code angeht:
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?xml version="1.0" encoding="iso-8859-1"?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<div style="margin:0 auto; width:1002px;">
<div style="border: 1px solid black;">
<object width="1002" height="113" data="flash/header1.swf" type="/x-shockwave-flash" id="headerflash">
<param name="movie" value="flash/header1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
</object>
</div>
</div>
</body>
</html>
Hier soll ein Flashfilm eingebunden werden. Nun ist mir aufgefallen, dass rechts und links von dem Flashelement noch ein Rand zu sein scheint, den ich durch border: 1px solid black; mal sichtbar gemacht habe.
Das Ergebnis sieht so aus: http://www.cmaxx.de/temp/test.jpg
Kann mir jemand sagen, woher der Rand rechts und links kommt und wie man den wegbekommen kann? Der Flashfilm wird anstelle von 1002 nur ca. 992 Pixel breit angezeigt.
Viele Grüße,
Tobias
-
hi,
Nun ist mir aufgefallen, dass rechts und links von dem Flashelement noch ein Rand zu sein scheint, den ich durch border: 1px solid black; mal sichtbar gemacht habe.
Tritt das Problem in allen Browsern auf?
Wenn es ein IE-only Problem sein sollte: Mal versucht, den white space zwischen den Divs und dem Objekt zu entfernen?
Btw: Warum ist das Object überhaupt in zwei Divs verschachtelt ...?
gruß,
wahsaga--
/voodoo.css:
#GeorgeWBush { position:absolute; bottom:-6ft; }-
hi,
Nun ist mir aufgefallen, dass rechts und links von dem Flashelement noch ein Rand zu sein scheint, den ich durch border: 1px solid black; mal sichtbar gemacht habe.
Tritt das Problem in allen Browsern auf?
Habe es im Firefox und IE gesehen.
Btw: Warum ist das Object überhaupt in zwei Divs verschachtelt ...?
Das ist in zwei divs eingebaut, weil es in der Ursprungsseite ähnlich aussieht. Das äußere div ist später der Container für die gesamte Seite, während das innere Div den Head der Seite darstellt.
Das Template der eigentlichen Seite sieht in etwa so aus. Man sieht, dass außen rum ein div mit id="container" liegt. Darin verschachtelt kommt dann der header. Und genau diese Stelle habe ich für meinen Testcode rausgepickt. Deshalb 2 verschachtelte divs.
<div id="container">
<div id="header"></div>
<div id="topnavi"></div>
<div id="main">
<div id="left">
<div class="inlay">
[content]
</div>
</div>
<div id="mid">
<div class="inlay">
<div id="content">
[content]
</div>
</div>
</div>
<div id="right">
<div class="inlay">
[content]
</div>
</div>
<div id="footer">
[content]
</div>
</div>
</div>Nur der Völlständigkeit halber: Lasse ich in meinem Testcode das äußere div weg, wird trotzdem weiterhin dieser komische Rand rechts und links erzeugt, d.h. der Flashfilm wird mit einem Innenabstand im div angezeigt.
<div style="border: 1px solid black;">
<object width="1002" height="113" data="flash/header1.swf" type="/x-shockwave-flash" id="headerflash">
<param name="movie" value="flash/header1.swf" />
<param name="quality" value="high" />
<param name="wmode" value="transparent" />
</object>
</div>Bin also auch weiterhin dankbar, wenn mir jemand verklickern könnte, woher dieser komische Innenabstand kommt und wie man ihn abstellen kann.
Viele Grüße,
Tobias
-