2012-01-06 5 views
-1

내 탐색 막대 및 트위터 상자가 제대로 표시되지 않습니다. 이것들은 고정되어있다. 보시다시피 현재 페이지 하단에 있습니다. 그들이 없어야하는 곳.Internet Explorer 고정 위치가 제대로 작동하지 않습니다.

내 웹 사이트의 다른 페이지에서이 두 요소는 IE에서도 제대로 작동합니다. 내 홈 페이지는 다른 머리글과 바닥 글을 가지고 있기 때문에 문제를 정확하게 지적했지만 탐색 막대와 트위터 상자를 제외한 모든 코드를 제거한 후에도 여전히 문제가있는 것 같습니다. 나를.

나는 지금 당황하여 분명히 볼 수 없습니다. 난 그냥 얼굴에 IE를 펀치하고 싶지만, 내가 일을하거나 아마 최근에 뭔가를 알고 이것은 일이 발생하지 않았기 때문에.

또한 같은 시간에 영향을받은 것으로 보이는 somehting과 관련이있는 것으로 추측됩니다. 로그인 링크를 클릭하면 상단 이미지와 로그인 양식 부분과 분리됩니다. 다시 이것은 내 홈페이지에서만 발생하지만이 경우 로그 형태로 표시되며 Chrome에도 표시됩니다.

아무도 내가이 문제를 여기에서 파악하도록 도와 줄 수 없으므로 나는 내 삶으로 이동할 수 있습니다. (IE8을 사용하고 있습니다.)

감사합니다 !!! 내 내 몸 태그에 어떻게 든했다 그 아래

편집 ----------

나는 대답에서 나타났습니다. 그러나 여기 내 코드는 분명히 내 body 태그 안에없고 코드의 첫 번째 줄입니다. 물론이 페이지는 맞춤형 WordPress 템플릿이므로 상단에 템플릿 이름이 있습니다. 태그는 비어있는 것처럼 보이고 모든 머리 선언은 몸 안에 있습니다. 매우 이상합니다. 왜 이런 일이 일어날 지 아무도 모른다. 그것이 모든 브라우저에있는 것으로 보입니다. 내 전체 페이지 코드. 당신은 XHTML에서 코딩

<?php 
/* 
Template Name: Home Page 
*/ 
?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0  Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
<html xmlns="http://www.w3.org/1999/xhtml" <?php language_attributes(); ?>> 

<head profile="http://gmpg.org/xfn/11">  <title><?php bp_page_title(); ?></title> <?php do_action('bp_head'); ?> 
<meta name="generator" content="WordPress <?php bloginfo('version'); ?>" /> <!-- leave this for stats -->  <link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />  <?php if (function_exists('bp_sitewide_activity_feed_link')) : ?>   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> | <?php _e('Site Wide Activity RSS Feed', 'buddypress') ?>" href="<?php bp_sitewide_activity_feed_link() ?>" />  <?php endif; ?>  <?php if (function_exists('bp_member_activity_feed_link') && bp_is_member()) : ?>   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> | <?php bp_displayed_user_fullname() ?> | <?php _e('Activity RSS Feed', 'buddypress') ?>" href="<?php bp_member_activity_feed_link() ?>" />  <?php endif; ?>  <?php if (function_exists('bp_group_activity_feed_link') && bp_is_group()) : ?>   <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> | <?php bp_current_group_name() ?> | <?php _e('Group Activity RSS Feed', 'buddypress') ?>" href="<?php bp_group_activity_feed_link() ?>" />  <?php endif; ?>  <link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> <?php _e('Blog Posts RSS Feed', 'buddypress') ?>" href="<?php bloginfo('rss2_url'); ?>" />  <link rel="alternate" type="application/atom+xml" title="<?php bloginfo('name'); ?> <?php _e('Blog Posts Atom Feed', 'buddypress') ?>" href="<?php bloginfo('atom_url'); ?>" />  <link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />  

<script type="text/javascript"> 

    var _gaq = _gaq || []; 
    _gaq.push(['_setAccount', 'UA-21029219-7']); 
    _gaq.push(['_trackPageview']); 

    (function() { 
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; 
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); 
    })(); 

</script> 

<!-- script for glossary highlight --> 
<script type="text/javascript" src="https://www.aapltrader.com/wp-content/themes/Equilibrium/js/highlight.js"> </script> 


<script type='text/javascript'> 

// Browser safe opacity handling function 

function setOpacity(value) { 
document.getElementById("styled_popup").style.opacity = value/10; 
document.getElementById("styled_popup").style.filter = 'alpha(opacity=' + value * 10 + ')'; 
} 

function fadeInMyPopup() { 
for(var i = 0 ; i <= 100 ; i++) 
    setTimeout('setOpacity(' + (i/10) + ')' , 8 * i); 
} 

function fadeOutMyPopup() { 
for(var i = 0 ; i <= 100 ; i++) { 
    setTimeout('setOpacity(' + (10 - i/10) + ')' , 8 * i); 
} 

setTimeout('closeMyPopup()', 800); 
} 

function closeMyPopup() { 
document.getElementById("styled_popup").style.display = "none" 
} 

function fireMyLoginPopup() { 
setOpacity(0); 
document.getElementById("styled_popup").style.display = "block"; 
fadeInMyPopup(); 
} 
function fireMyStockChartPopup() { 
setOpacity(0); 
document.getElementById("stockChart").style.display = "block"; 
fadeInMyPopup(); 
} 
</script> 
<?php wp_head(); ?> 

    </head> 



    <body> 

<div id='styled_popup' name='styled_popup' style='width: 380px; height: 300px; display:none; position: absolute; top: 50px; left: 50px; zoom: 1'> 
<table width='380' cellpadding='0' cellspacing='0' border='0'> 
<tr> 

<td height='38' class='login-top'><a class="login-close" href='javascript:fadeOutMyPopup();'>X</a></td> 
</tr> 

<tr><td colspan='2' style='background-color: #686868; width: 380px; height: 200px;-moz-border-radius: 15px 0 15px 15px; 
border-radius: 15px 0 15px 15px;'> 

<form name="loginform" id="loginform" action="http://www.aapltrader.com/wp-login.php" method="post"> 

      <p class="login-username"> 
       <label for="user_login">Username</label> 
       <input type="text" name="log" id="user_login" class="input" value="" size="20" tabindex="10" /> 
      </p> 
      <p class="login-password"> 
       <label for="user_pass">Password</label> 
       <input type="password" name="pwd" id="user_pass" class="input" value="" size="20" tabindex="20" /> 
      </p> 
      <a class="login-forgot" href="http://www.aapltrader.com/wp-login.php?action=lostpassword" title="Password Lost and Found">Lost your password?</a> 
      <p class="login-remember"><label><input name="rememberme" type="checkbox" id="rememberme" value="forever" tabindex="90" /> Remember Me</label></p> 
      <p class="login-submit"> 
       <input type="submit" name="wp-submit" id="wp-submit" class="button-primary" value="Log In" tabindex="100" /> 
       <input type="hidden" name="redirect_to" value="http://www.aapltrader.com/activity/" /> 
      </p> 

     </form> 



</td></tr> 
</table> 
</div> 



<div id="container-sales"> 
    <div id="top-sales"> 
     <!-- <h1 class="logo"><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1> --> 
     <a style="padding-left:0px;" href="<?php bloginfo('home'); ?>"><img src="https://www.aapltrader.com/wp-content/uploads/2011/08/aapltraderlogo.gif"/></a>  
     </div> 
    <div id="sales-background"> 
    <div id="page-wrap-sales"> 



<?php //get_header(); ?> 

<div id="featured"> 



<div class="clear"></div> 

<div id="front-bottom"> 
<div id="leftCol"> 

<span class="welcomeH2">Learn</span> <span class="welcomeTip">from Successful Traders </span> 
<ul> 
<li><span class="welcomeText">Tap a global network of AAPLTraders and expand your own trading style!</span></li> 
</ul> 

<span class="welcomeH2">Connect</span><span class="welcomeTip"> to a Community</span> 
<ul> 
<li><span class="welcomeText">Share ideas in the AAPLTrader Community Room. Refine your ideas through active groups.</span></li> 
</ul> 

<span class="welcomeH2">Grow</span><span class="welcomeTip"> Profits</span> 
<ul> 
<li><span class="welcomeText">Find out what strategies are currently profiting. Get AAPL Alerts during the week and stay plugged in.</span></li> 
</ul> 
<a href="https://www.aapltrader.com/checkout-2?subscription=2&claim=49d393ce7e1346fa24cecd5d0eb1533d" class="green-button">Get AAPLTrader</a> 
<ul style="margin:0 0 0 0;padding:0 0 0 0;"> 
<li><span style="font-size:1.5em;padding:10px 0px 0 88px;"> Premium Access </span><span style="font-size:1.2em;color:#575958;"> $19.99/month</span></li> 
<br /><br /> 
<li> <span style="font-size: 1.4em;color: white;padding: 0px 0px 0 80px;font-weight: bold;">30 Day Money Back Guarantee </span></li> 
</ul> 
</div> 



<div id="sales-video"> 




<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="530" height="400" id="csSWF"> 
       <param name="movie" value="http://www.howtousethinkorswim.com/media/appletrader/justmetus/media/player.swf" /> 
       <param name="quality" value="best" /> 
       <param name="wmode" value="transparent" /> 
       <param name="bgcolor" value="#1a1a1a" /> 
       <param name="allowfullscreen" value="true" /> 
       <param name="scale" value="showall" /> 
       <param name="allowscriptaccess" value="always" /> 
       <param name="flashvars" value="thumb=http://www.howtousethinkorswim.com/media/appletrader/justmetus/media/FirstFrame.png&containerwidth=530&containerheight=400&content=justmetus.mp4&autostart=false&blurover=false&autohide=true&smoothing=true&showbranding=false&showstartscreen=true&color=0x1A1A1A,0x1A1A1A" /> 
       <!--[if !IE]--> 
       <object type="application/x-shockwave-flash" data="http://www.howtousethinkorswim.com/media/appletrader/justmetus/media/player.swf" width="530" height="400"> 
        <param name="quality" value="best" /> 
        <param name="wmode" value="transparent" /> 
        <param name="bgcolor" value="#1a1a1a" /> 
        <param name="allowfullscreen" value="true" /> 
        <param name="scale" value="showall" /> 
        <param name="allowscriptaccess" value="always" /> 
        <param name="flashvars" value="thumb=http://www.howtousethinkorswim.com/media/appletrader/justmetus/media/FirstFrame.png&containerwidth=530&containerheight=400&content=justmetus.mp4&autostart=false&blurover=false&autohide=true&smoothing=true&showbranding=false&showstartscreen=true&color=0x1A1A1A,0x1A1A1A" /> 
       <!--![endif]--> 

       <!--[if !IE]--> 
       </object> 
       <!--![endif]--> 
      </object> 



</div> 






<div class="clear"></div> 

</div> 


</div> 
<div class="clear"></div> 

<div id="latest-wrap"> 

<div class="content-sales"> 

<h2 >How it works?</h2> <br /> 

<span class="content-sales-p"> AAPLTrader is a social networking website similar to facebook. We give people a place where they can connect with other like minded people who trade and invest.</span> 
<br /><br /> <br /> 
<span class="content-sales-p"> Members get access to:</span> 
<ul style="font-size:1.4em;"><li style="list-style:disc outside none"><a href="http//www.aapltrader.com/what-is-aapltrader#alerts">AAPL Alerts</a></li> 
<li style="list-style:disc outside none;"><a href="http//www.aapltrader.com/what-is-aapltrader#video-update">Video Updates </a></li> 
<li style="list-style:disc outside none;"><a href="http//www.aapltrader.com/what-is-aapltrader#community">Community Room</a></li> 
<li style="list-style:disc outside none;"><a href="http//www.aapltrader.com/what-is-aapltrader#groups">Groups</a></li> </ul> 
<br /> <br /> 
<span class="content-sales-p">What makes AAPLTrader different are the AAPL Alerts and the Video Updates posted by the AAPLTrader Team on our exclusive wall. To get access, simply click the Get AAPLTrader Button or <a href="http://www.aapltrader.com/what-is-aapltrader">click here</a> for more info.</span> 
</div> 



<div id="testimonial"> 
<h2>Testimonials</h2> 
<img style="float:left;margin:0 15px 10px 0;" src="<?php bloginfo('template_directory'); ?>/images/quotes.gif" title=" testimonial quotes" /> 
<p><strong>"First of all I love your advice and analysis. So happy I found it. Its helping me to another level. 
I have been in the market for 30 plus years. I have been doing phenomenal."</strong><br /> <br /><span style="float:right;"> -Paul F. California </span></p> 
<div class="clear"></div> 
<span id="motto"> "The Facebook for Stock Traders." </span><br/><p> <span style="float: right;"> -Lisa T. New York</span></p> 
</div> 
<div class="clear"></div> 

<div class="push"></div> 




</div> <!--Latest Wrap --> 




</div> <!--Page Wrap--> 
</div> <!--Sales Background--> 
</div> <!--Container Sales--> 
<div class="clear"></div> 



<?php do_action('bp_after_container') ?> 
     <?php do_action('bp_before_footer') ?> 


<div id="footer-home"> 
    <div align="center"> 
<div class="footer-posts"> 
<?php 
$args = array('numberposts' => 3 , 'category' => 4); 
$lastposts = get_posts($args); 
foreach($lastposts as $post) : setup_postdata($post); ?> 
    <div class="footer-post"> 
    <h2><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h2> 
    <?php the_excerpt(); ?> 
</div> 
<?php endforeach; ?> 
</div> <!-- /footer-posts --> 
<div class="clear"></div> 

      AAPLTrader &copy; 2011 All Rights Reserved. AAPLTrader does not have any association with Apple Inc. <br /><a href="http://www.aapltrader.com/privacy-policy">Privacy Policy</a> | <a href="http://www.aapltrader.com/house-rules">House Rules</a> | <a href="http://www.aapltrader.com/terms-of-use">Terms Of Use</a> | <a href="http://www.aapltrader.com/cancellation-policy">Cancellation Policy</a> | <a href="http://www.aapltrader.com/disclaimer">Disclaimer</a> | <a href="http://www.aapltrader.com/wp-content/uploads/2010/06/riskstoc.pdf"> Risk of Stocks, Options, Commodities </a><br /> 

<?php if (is_user_logged_in()) { ?> <a href="http://www.aapltrader.com/affiliate-member"> Affiliate Information </a> |<?php } else { ?><a href="http://www.aapltrader.com/affiliates-info"> Affiliate Information </a> |<?php } ?> 

<a href="http://www.aapltrader.com/contact-us"> Contact Us </a></div> 
     <p class="floatRight"></p> 
     <div class="push"></div> 

<?php do_action('bp_footer') ?> 
</div> 


<?php wp_footer(); ?> 
<?php do_action('bp_after_footer') ?> 

    </body> 

</html> 

답변

3

당신은 고정 된 위치가 작동하려면 적절한 문서 유형을 추가해야합니다.

편집 : 어떤 이유로 doctype 정의가 첫 번째 줄에 없습니다. 적은 오류를 반환하기 위해 HTML5의 문서 타입 듯하여, 그 메모에서, 스냅 샷 아래

DOCTYPE

+0

와우 나는 그걸 본 적이 한번도 믿을 수가 없어. 나는이 머리에 내 머리를 가졌다. 정말 고마워. 그것은 이상한 내 코드를보고 나서 doctype은 html과 head 태그 앞에 지정되어 있지만 위에서 언급 한 body 태그에 나타납니다. 나는 이것을 더 자세히 살펴볼 것이다. 나는 너의 도움을 aprrecitae. – Pengume

+0

해당 페이지에 대한 코드를 게시했습니다. 보시다시피 내 Doctype은 내 몸 안에 있지 않습니다. 이견있는 사람? – Pengume

+0

당신이 나에게이 충고를 준 후에 나는 그것을 끝내었다.위에 게시 한 코드로 정확한 문제를 정확하게 지적 할 수없는 경우이를 최후의 수단으로 사용하려고했습니다. 하지만이 페이지의 이전 버전을 가지고 있으므로 이전 버전을 복사하여 작동했습니다. 하지만 많은 텍스트가 변경되어서 최신 버전으로 다시 되돌려 보았습니다. 말 그대로 페이지 전체를 다시 복사하기 때문에 정말 이상합니다. 나는 그것이 작동하지 않는 것을 지적 할 수 없었다. 기묘한... – Pengume

1

는 XHTML이 당신의 XHTML 코드는 그렇지 않은 검증을 통과 물론 가정하고, 모든 브라우저에서 올바르게 표시하도록 설계되었습니다. 파이어 폭스는 문제를 찾아서 해결할 수있는 스마트 한 솔루션이다. IE는 그렇지 않다. xhtml이 유효성 검사를 통과했는지 확인한 다음 다시 시도하십시오. IE에서

http://validator.w3.org/check?uri=http%3A%2F%2Fwww.aapltrader.com%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

+0

를 참조하십시오 http://validator.w3.org/check?uri=http%3A%2F%2Fwww.aapltrader합니다. doctype을 전환 한 경우 수정할 오류가 줄어 듭니다. com = 2F & charset = % 28detect + 자동으로 % 29 & doctype = HTML5 & group = 0 & user-agent = W3C_Validator % 2F1.2 – Michael0x2a

+0

감사합니다 얘들 아, 나는 SKS가 언급 한 것이 아마 고정 위치가 적절하게 나타나지 않는 이유라는 것을 알아 차렸다. 당신의 도움을 주셔서 감사합니다. – Pengume

관련 문제