Css Ifram postionieren
Eingetragen von artweb (443)am 23.07.2012 - 20:27 Uhr in
Liebe Drupal Gemeinde,
Stehe wieder mal auf der Leitung, wie ich aber schon mehrmals bemerkt habe, bekommt man hier für jedes Problem einen Tipp :-)
Folgendes Problem habe ich und zwar, wird auf einer Website im Header ein Bild mit Flash durch Html5 ersetzt mit folgende Code
Header: wenn man mit der Maus drauf klickt dann, verschwindet das Logo und der Banner von oben erscheint in der Postion wo das Logo war.
<iframe src="pfad_zur_datei/logo_mit_bling.htm" width="313" height="113" frameborder="0" scrolling="no"></iframe>
#logo {
position:relative;
float:left;
width: 313px;
height: 113px;
z-index: 99;
Footer lässt sich der Diamant nicht postioneren bzw er bleibt immer in der gleichen Postion
<iframe src="pfad_zur_datei/diamant_mit_bling.htm" width="525" height="520" frameborder="0" scrolling="no"></iframe>
#bling { /*Der Diamant*/
margin-left:-130px;
margin-top:-481px;
width: 525px;
height: 520px;
Vielleicht hat einer von euch ein Tipp, wie ich das Problem lösen kann
Gruss Andreas
- Anmelden oder Registrieren um Kommentare zu schreiben
Hast Du denn irgendwelche
am 23.07.2012 - 22:41 Uhr
Hast Du denn irgendwelche Positionierungen für den iframe im CSS? Schließlich hat der weder die ID logo noch die ID bling und wird daher von den beiden CSS-Anweisungen überhaupt nicht berührt.
Beste Grüße
Werner
Sorry Werner! Leider werden
am 24.07.2012 - 06:06 Uhr
Sorry Werner! Leider werden sie berührt und es Funzt, kann es sein, dass es Probleme gibt mit einer .htm datei
<!-- Start #header -->
<div id="headclaim">
<div id="banner_top">
<script type='text/javascript'><!--//<![CDATA[
var m3_u = (location.protocol=='https:'?'https://www.goettgen.de/g-a-s/www/delivery/ajs.php':'http://www.goettgen.de/g-a-s/www/delivery/ajs.php');
var m3_r = Math.floor(Math.random()*99999999999);
if (!document.MAX_used) document.MAX_used = ',';
document.write ("<script type='text/javascript' src='"+m3_u);
document.write ("?zoneid=4");
document.write ('&cb=' + m3_r);
if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used);
document.write ("&loc=" + escape(window.location));
if (document.referrer) document.write ("&referer=" + escape(document.referrer));
if (document.context) document.write ("&context=" + escape(document.context));
if (document.mmm_fo) document.write ("&mmm_fo=1");
document.write ("'><\/script>");//]]>-->
</script>
<noscript>
<a href='http://www.goettgen.de/g-a-s/www/delivery/ck.php?n=a846c59d&cb=24674124228' target='_blank'><img src='http://www.goettgen.de/g-a-s/www/delivery/avw.php?zoneid=4&cb=24674124228&n=a846c59d' border='0' alt='' /></a>
</noscript>
<p class="anzeige">Anzeige:</p>
</div>
</div>
<div id="header"> <!-- <div class="section clearfix"> -->
<div id="bg_ev_banner_right">
<div id="ev_banner_right">
<div id="skyscraper_zone32">
<!-- Wide Skyscraper -->
<script type='text/javascript'><!--//<![CDATA[
var m3_u = (location.protocol=='https:'?'https://www.goettgen.de/g-a-s/www/delivery/ajs.php':'http://www.goettgen.de/g-a-s/www/delivery/ajs.php');
var m3_r = Math.floor(Math.random()*99999999999);
if (!document.MAX_used) document.MAX_used = ',';
document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
document.write ("?zoneid=32");
document.write ('&cb=' + m3_r);
if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used);
document.write ("&loc=" + escape(window.location));
if (document.referrer) document.write ("&referer=" + escape(document.referrer));
if (document.context) document.write ("&context=" + escape(document.context));
if (document.mmm_fo) document.write ("&mmm_fo=1");
document.write ("'><\/scr"+"ipt>");
//]]>--></script><noscript><a href='http://www.goettgen.de/g-a-s/www/delivery/ck.php?n=aba09d31&cb=673485597531' target='_blank'><img src='http://www.goettgen.de/g-a-s/www/delivery/avw.php?zoneid=32&cb=673485597531&n=aba09d31' border='0' alt='' /></a></noscript>
</div>
</div>
<div id="skyscraper_zone2">
<!-- Standard-Skyscraper -->
<script type='text/javascript'><!--//<![CDATA[
var m3_u = (location.protocol=='https:'?'https://www.goettgen.de/g-a-s/www/delivery/ajs.php':'http://www.goettgen.de/g-a-s/www/delivery/ajs.php');
var m3_r = Math.floor(Math.random()*99999999999);
if (!document.MAX_used) document.MAX_used = ',';
document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
document.write ("?zoneid=2");
document.write ('&cb=' + m3_r);
if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used);
document.write ("&loc=" + escape(window.location));
if (document.referrer) document.write ("&referer=" + escape(document.referrer));
if (document.context) document.write ("&context=" + escape(document.context));
if (document.mmm_fo) document.write ("&mmm_fo=1");
document.write ("'><\/scr"+"ipt>");
//]]>--></script><noscript><a href='http://www.goettgen.de/g-a-s/www/delivery/ck.php?n=aba09d31&cb=594685546845' target='_blank'><img src='http://www.goettgen.de/g-a-s/www/delivery/avw.php?zoneid=2&cb=594685546845&n=aba09d31' border='0' alt='' /></a></noscript>
</div>
<div id="GAS_SKSC_Disclaimer">Anzeige</div>
</div>
<div id="headoben">
<div id="logo"><td width="313" height="113"><iframe src="/sites/all/themes/zen/goettgen/pics/logo_mit_bling.htm" width="313" height="113" frameborder="0" scrolling="no"><a href="/"></a></iframe>
</div> <!-- /logo -->
<div id="headfacts">
<div id="presentedby">
<div id="presentedby_inner">
<img alt="Präsentiert von" src="/sites/all/themes/zen/goettgen/pics/stempel_praesentiert_von.png" />
</div>
</div>
<div id="sponsor">
<!--/* OpenX Javascript Tag v2.4.4 */-->
<script type='text/javascript'><!--//<![CDATA[
var m3_u = (location.protocol=='https:'?'https://www.goettgen.de/g-a-s/www/delivery/ajs.php':'http://www.goettgen.de/g-a-s/www/delivery/ajs.php');
var m3_r = Math.floor(Math.random()*99999999999);
if (!document.MAX_used) document.MAX_used = ',';
document.write ("<scr"+"ipt type='text/javascript' src='"+m3_u);
document.write ("?zoneid=33");
document.write ('&cb=' + m3_r);
if (document.MAX_used != ',') document.write ("&exclude=" + document.MAX_used);
document.write ("&loc=" + escape(window.location));
if (document.referrer) document.write ("&referer=" + escape(document.referrer));
if (document.context) document.write ("&context=" + escape(document.context));
if (document.mmm_fo) document.write ("&mmm_fo=1");
document.write ("'><\/scr"+"ipt>");//]]>-->
</script>
<noscript>
<a href='http://www.goettgen.de/g-a-s/www/delivery/ck.php?n=ac922e81&cb=34652452752832' target='_blank'><img src='http://www.goettgen.de/g-a-s/www/delivery/avw.php?zoneid=33&cb=34652452752832&n=ac922e81' border='0' alt='' /></a>
</noscript>
</div>
<div id="suche">
</div>
<div id="printglobe">
<?php require ('_translate_this.php'); ?>
</div>
<div id="printlupe">
<a class="active" href="/suche/index"><img width="117" height="43" title="search this site" alt="search this site"
src="/sites/all/themes/zen/goettgen/images/goet/lupe-03.png"></a>
</div>
<!-- /#suche -->
</div> <!-- /#headfacts -->
<?php print $main_menu_tree; ?>
<?php if ($primary_links || $navigation): ?>
<div id="navigation">
<div class="section clearfix">
<?php print theme(array('links__system_main_menu', 'links'), $primary_links,
array(
'id' => 'main-menu',
'class' => 'links clearfix',
),
array(
'text' => t('Main menu'),
'level' => 'h2',
'class' => 'element-invisible',
));
?>
<?php print $navigation; ?>
</div>
<?php endif; ?>
</div> <!-- /#navigation -->
<div style="clear:both;"></div>
</div>
</div> <!-- /#header -->
<div class="breadcrumb">
<?php print $breadcrumb; ?>
</div>
Gruss Andreas
<div id="logo"><td
am 24.07.2012 - 08:43 Uhr
<div id="logo"><td width="313" height="113"><iframe src="/sites/all/themes/zen/goettgen/pics/logo_mit_bling.htm" width="313" height="113" frameborder="0" scrolling="no"><a href="/"></a></iframe></div> <!-- /logo -->
Das ist allerdings ein etwas merkwürdiges Stück HTML-Code:
Was soll der Browser denn damit anstellen?
Beste Grüße
Werner
Iframes HTML5 einbinden!
am 25.07.2012 - 08:54 Uhr
Hallo Werner,
Sorry es war mal ein Versuch ob es mit Table klappt, aber es Hilft auch nichts, ich gebe dir mal die Zugangsdaten für die Testumgebung per Mail, wenn es dir Recht ist.