html – 中心页脚固定在IE的底部

概述我正在编写一个大学项目的Web界面,我一直在处理这个问题： 我希望我的页脚固定在底部,所以无论我使用哪个屏幕或者我切换全屏模式它都在位 它适用于除IE7之外的所有其他浏览器(我不必支持以前的版本) HTML      <div id="menu"> <a href="information.html" rel="shadowbox;height=500;width=650" 我正在编写一个大学项目的Web界面,我一直在处理这个问题：

我希望我的页脚固定在底部,所以无论我使用哪个屏幕或者我切换全屏模式它都在位

它适用于除ie7之外的所有其他浏览器(我不必支持以前的版本)

HTML
    

<div ID="menu">        <a href="information.HTML"  rel="shadowBox;height=500;wIDth=650"      title="informatION" >            <img src="images/info.png" alt="information icon" />        </a>        <a href="images/bricks_of_destiny.jpg" rel="shadowBox"  title="IMAGES" >            <img src="images/image.png" alt="image icon"  />        </a>        <a href="music_player.swf" title="MUSIC" rel="shadowBox;height=400;wIDth=600" >            <img src="images/music.png" alt="music icon" />        </a>        <a href="#" title="MOVIES"><img src="images/television.png" alt="movIEs icon"  /></a>        <a href="quotes.HTML" title="QUOTES" rel="shadowBox;height=300;wIDth=650" >            <img src="images/male_user.png" alt="male user icon"  />        </a>        <a href="#" title="REFERENCES">            <img src="images/search_globe.png" alt="search globe icon"  />        </a>    </div>    <a href="images/destiny_1.jpg" rel="shadowBox" title="IMAGES"></a>    <a href="images/destiny_carma_jewell.jpg" rel="shadowBox" title="IMAGES"></a>    <a href="images/destiny-joan-marIE.jpg" rel="shadowBox" title="IMAGES"></a>    <a href="images/pursuing_destiny.jpg" rel="shadowBox" title="IMAGES"></a>    <div ></div>    <div ID="destiny">        discover more about the word <span >DESTINY </span>! Click one of the icon above!        (F11  Toggle Full / Standard screen)     </div>     <div ID="footer">        <ul ID="breadcrumbs">            <li>disclaimer</li>            <li> | Icons by: <a href="http://dryicons.com/" rel="shadowBox">dryicons.com</a></li>            <li> | Website by: <a href="http://www.eezzyweb.com/" rel="shadowBox">eezzyweb</a></li>            <li> | <a href="http://jquery.com/" rel="shadowBox">jquery</a></li>        </ul>    </div></div>

CSS：

#wrapper{text-align:center;margin:0 auto;wIDth:750px;height:430px;border:1px solID #fff;}#menu{position:relative;margin:0 auto;top:350px;wIDth:450px;height:60px;}#destiny{position:relative;top:380px;color:#FFF;Font-size:1.5em;Font-weight:bold;border:1px solID #fff;}#breadcrumbs{List-style:none;}#breadcrumbs li{display:inline;color:#FFF;}#footer{position:absolute;wIDth:750px;height:60px;margin:0 auto;text-align:center;border:1px solID #fff;bottom:0;}.clear{    clear:both;}

白色边框仅用于调试目的

该应用程序托管于http://www.eezzyweb.com/destiny/

任何建议表示赞赏

解决方法 保证金：自动;在ie7中被破坏了.
你可以绕过它

#footer {  wIDth: 100%;  left: 0px;}

,从那以后,div伸展到全宽,ul将自动对齐到中间.
但也许这不是你想要的.

如果这不是一个可接受的解决方案,网络上的人说你可以通过将父母的文本与中心对齐来修复它 – 但这可能会使布局的其余部分变得棘手……你将不得不玩它,但至少你知道什么是坏的.

总结

以上是内存溢出为你收集整理的html – 中心页脚固定在IE的底部全部内容，希望文章能够帮你解决html – 中心页脚固定在IE的底部所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。