帮助图像方式向右移动 [英] help with image way off to the right
问题描述
我的图像应该位于中心的居中div中。
页面。它在IE7中看起来很好。但是在Firefox中，图像被推到了右边。
http://www.barmannphotography.com/index1-test.php
我试过添加显示：块;对div的指示，对它上面的div $ / $
以及对包含div的指示，都无济于事。
我也试过在导航下方清除酒吧，并且没有
帮助。
作为背景，页面与
http://www.barmannphotography.com/index1.php
除了index1-test.php页面使用不同的导航栏。
带有旧导航栏的index1.php在IE7和
Firefox中都很好看。
可能导致Firefox将图像推送到
对吧？
感谢您的帮助。
Tim
I have an image that is supposed to be in a centered div in the center
of a page. It looks fine in IE7. But in Firefox, the image is pushed
way over to the right.
http://www.barmannphotography.com/index1-test.php
I''ve tried adding display:block; directives to the div, to the div
above it and to the containing div, to no avail.
I''ve also tried clearing below the navigation bar and that hasn''t
helped either.
As background, the page is identical to
http://www.barmannphotography.com/index1.php
except that the index1-test.php page uses a different navigation bar.
The index1.php, with the old nav bar, looks fine in both IE7 and
Firefox.
What might be causing Firefox to push the image so far off to the
right?
Thanks for any help.
Tim
推荐答案
文章
< 11**********************@k79g2000hse.googlegroups .com> ;,
timmyb< tb ******* *@gmail.com写道：
In article
<11**********************@k79g2000hse.googlegroups .com>,
timmyb <tb********@gmail.comwrote:
我的图像应该位于中心的居中div中。
页面。它在IE7中看起来很好。但是在Firefox中，图像被推到了右边。
http://www.barmannphotography.com/index1-test.php
我试过添加显示：块;对div的指示，对它上面的div $ / $
以及对包含div的指示，都无济于事。
我也试过在导航下方清除酒吧，而且还没有帮助
。
I have an image that is supposed to be in a centered div in the center
of a page. It looks fine in IE7. But in Firefox, the image is pushed
way over to the right.
http://www.barmannphotography.com/index1-test.php
I''ve tried adding display:block; directives to the div, to the div
above it and to the containing div, to no avail.
I''ve also tried clearing below the navigation bar and that hasn''t
helped either.
你可以尝试更大的尺寸来获得底部保证金
＃menuh-container
{
字体大小：1em;
位置：相对;
顶部：0;
左：5 ％;
宽度：90％;
保证金：10px 10px * 60px * 10px;
显示：块;
}
（对于可扩展性，btw ems优于px ...）
-
dorayme
You could try a bigger dimension for bottom margin in
#menuh-container
{
font-size: 1em;
position: relative;
top:0;
left: 5%;
width: 90%;
margin: 10px 10px *60px* 10px;
display:block;
}
(btw ems would be better than px for scalability... )
--
dorayme
On Fri，2007年9月28日02:19:59 -0000，timmyb写道：
On Fri, 28 Sep 2007 02:19:59 -0000, timmyb wrote:
[...]
http：// www .barmannphotography.com / index1-test.php
[...]
作为背景，页面完全相同
http://www.barmannphotography.com/index1.php
除了index1-tes t.php页面使用不同的导航栏。
带有旧导航栏的index1.php在IE7和
Firefox中都很好看。
[...]
http://www.barmannphotography.com/index1-test.php
[...]
As background, the page is identical to
http://www.barmannphotography.com/index1.php
except that the index1-test.php page uses a different navigation bar.
The index1.php, with the old nav bar, looks fine in both IE7 and
Firefox.
除了图片问题，您的导航还有两个问题
栏，您可能想要纠正。在Firefox中，''Gallery''仅链接
显示当鼠标位于其上半部分时的翻转颜色。在IE6
画廊子菜单根本不显示。
-
萨法拉（Stephen Morley）
< a rel =nofollowhref =http://www.safalra.com/hypertext/html/target =_ blank> http://www.safalra.com/hypertext/html/
嗨Dorayme，
这确实解决了问题，但创造了另一个：页面看起来很好
在FF中，但是在IE7中，图片位于导航栏下方太远。在
任何事件中，我想我弄清楚我做错了什么 - 对于我的
更清晰的课程，我使用的是跨度而不是div。使用div似乎
来解决问题。 （尽管在IE7和FF渲染你建议改变的底部边缘的方式仍然存在差异。）
感谢您的帮助！
Hi Dorayme,
That did solve the problem, but created another: the page looks fine
in FF, but in IE7, the picture is too far down below the nav bar. In
any event, I think I figured out what I was doing wrong -- for my
clearer class, I was using a span instead of a div. Using a div seems
to have solved the problem. (Though there are still differences in the
the way IE7 and FF render the bottom margin you suggested changing.)
Thanks for your help!
这篇关于帮助图像方式向右移动的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
