Wie Flash genau auf Rahmen platzieren?
Verfasst: 18.01.2007, 23:26
Folgende Seite: https://www.musikschule-und-tonstudio.de/
Da gibt es oben im header ein Flash-Element mit einer Linie unten. Damit das Ganze gut aussieht, muss die Flash-Linie genau auf dem div-Rahmen liegen. Im Tabllenlayout ließ sich etwas gleichwertiges realisiern. Leider hab ich das in CSS nicht hingekriegt.
Wie lege ich die Flash-Unterkante auf den CSS-Rahmen, damit die Flash-Linie nicht mehr auffällt?
Hier das CSS:
Und die HTML:
Da gibt es oben im header ein Flash-Element mit einer Linie unten. Damit das Ganze gut aussieht, muss die Flash-Linie genau auf dem div-Rahmen liegen. Im Tabllenlayout ließ sich etwas gleichwertiges realisiern. Leider hab ich das in CSS nicht hingekriegt.
Wie lege ich die Flash-Unterkante auf den CSS-Rahmen, damit die Flash-Linie nicht mehr auffällt?
Hier das CSS:
Code: Alles auswählen
html,body{margin:0;padding:0}
body{font: 76% arial,sans-serif;background:#FFF5EB}
p{margin:0 10px 10px;font-size:10px;font-family:Verdana;color:#333333}
a{display:block;color: #981793;padding:10px}
div#header li{border-top:1px solid; border-bottom:1px solid; border-color:#EB6437; float:left;list-style-type:none;padding: 2pt 13px; margin-top:20px;background: #FFFFFF}
div#header a{color:#EC6634;text-decoration:none;padding: 0pt}
div#header{
background:white;
background-image:url(img/hintergrund-oben.gif);
background-repeat:repeat-y;
border-bottom:1px solid;
border-color:#EB6437;
padding:0px;
margin:0px
}
div#content p{line-height:1.5}
div#navigation{background:#B9CAFF;background-image:url(bg_navi_hair.jpg);height:1600px}
div#extra{background:#FFF5EB;background-image:url(chapter_home.gif);height:625px;background-repeat:no-repeat}
div#footer{background: #333;color: #FFF}
div#footer p{margin:0;padding:5px 10px}
div#wrapper{float:left;width:100%}
div#content{margin: 0 10% 0 213px;background:#FFFFFF;height: 1600px;}
div#navigation{float:left;width:213px;margin-left:-100%}
div#extra{float:left;width:10%;margin-left:-10%}
div#footer{clear:left;width:100%}Code: Alles auswählen
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Blubb</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1">
<link rel=stylesheet type="text/css"href="s.css">
</head>
<body>
<div id="container">
<div id="header">
<div style="float:right; margin:0px; padding-bottom:0px">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="346" height="66" style="float:left; margin:0px; padding:0px">
<param name="movie" value="flash/top_flash.swf">
<param name="quality" value="high">
<embed src="flash/top_flash.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="346" height="66"></embed>
</object>
</div>
<ul style="float:right">
<li><a href="#">Donald</a></li>
<li><a href="#">Daisy</a></li>
<li><a href="#">Micky</a></li>
<li><a href="#">Goofy</a></li>
</ul>
<div style="clear:both;"></div>
</div>
<div id="wrapper">
<div id="content">
<p>
Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat Rhabarbersalat
</p>
</div>
</div>
<div id="navigation">
<p>
<strong>2) Navigation here.</strong> long long fill filler very fill column column silly filler very filler fill fill filler text fill very silly fill text filler silly silly filler fill very make fill column text column very very column fill fill very silly column silly silly fill fill long filler
</p>
</div>
<div id="extra"></div>
<div id="footer"><p>blubb</p>
</div>
</div>
</body>
</html>
