Opera和定位问题 [英] Problems with Opera and positioning
问题描述
嗨
我正在为朋友开发一个网站，目前在
http://homepage.ntlworld.com/iwatts/testsite/
它很漂亮我在Mozilla 1.5，Mozilla Firebird做了我想要的东西
0.7和IE 6，但是当我在Opera中尝试它时，我获得了大片空间
高于水平标题下的链接。
我一直使用CSS进行定位（样式表位于
http://homepage.ntlworld.com/iwatts/testsite/test.css ）
我已经调整了CSS无济于事，根本无法解决这个问题 - 如果
任何人都有任何想法，帮助将不胜感激。
谢谢
Ian Watts
Hi
I am developing a website for a friend, currently at
http://homepage.ntlworld.com/iwatts/testsite/
and it is pretty much doing what I want in Mozilla 1.5, Mozilla Firebird
0.7 and IE 6, but when I try it in Opera, I get a large expanse of space
above the horizontal links under the header.
I have used CSS for positioning throughout (the style sheet is at
http://homepage.ntlworld.com/iwatts/testsite/test.css )
I have tweaked the CSS to no avail and can''t work this out at all - if
anyone has any ideas, help would be much appreciated.
Thanks
Ian Watts
推荐答案
" Ian瓦& QUOT; < IW **** @ ntlworld.com>在消息中写道
新闻：GF ************** @ newsfep1-gui.server.ntli.net ...
"Ian Watts" <iw****@ntlworld.com> wrote in message
news:GF**************@newsfep1-gui.server.ntli.net...
你好
我正在为朋友开发一个网站，目前在
http://homepage.ntlworld.com/iwatts/testsite/
它在Mozilla 1.5，Mozilla Firebird中做了我想要的事情br /> 0.7和IE 6，但是当我在Opera中尝试时，我在标题下方的水平链接上方获得了大片空间。
我使用CSS进行整个定位（样式表位于
http：//主页。 ntlworld.com/iwatts/testsite/test.css ）
我已经调整了CSS无济于事，根本无法解决这个问题 - 如果
任何人都有任何想法，帮助将不胜感激。
谢谢
Ian Watts
Hi
I am developing a website for a friend, currently at
http://homepage.ntlworld.com/iwatts/testsite/
and it is pretty much doing what I want in Mozilla 1.5, Mozilla Firebird
0.7 and IE 6, but when I try it in Opera, I get a large expanse of space
above the horizontal links under the header.
I have used CSS for positioning throughout (the style sheet is at
http://homepage.ntlworld.com/iwatts/testsite/test.css )
I have tweaked the CSS to no avail and can''t work this out at all - if
anyone has any ideas, help would be much appreciated.
Thanks
Ian Watts
CSS的高度是问题所在。当你这样做时工作得更好
img标签中的
。
#wrapper {
宽度：100％;
text-align：center;
background-color：＃333366;
}
＃ left_head {
float：left;
}
#right_head {
float：right;
}
.. 。
< html xmlns =" http：//www.w3.org/TR/xhtml1" />
.. 。
< div id =" wrapper">
< div id =" left_head"> < img src =" left.gif" alt =" Church Revival Network"
< div id =" right_head"> < img src =" right.jpg" alt =" [火灾图像]"
height =" 180"宽度= QUOT; 200" /> < / div>
< / div>
你重复了idright - 看起来像是复制粘贴错误。
The heights in the CSS were the problem. Works so much better when you do it
in the img tag.
#wrapper {
width:100%;
text-align: center;
background-color: #333366;
}
#left_head {
float: left;
}
#right_head {
float: right;
}
.. . .
<html xmlns="http://www.w3.org/TR/xhtml1" />
.. . .
<div id="wrapper">
<div id="left_head"> <img src="left.gif" alt="Church Revival Network"
height="180" width="200" /> </div>
<div id="right_head"> <img src="right.jpg" alt="[Image of fire]"
height="180" width="200" /> </div>
</div>
And you''ve repeated the id "right" - looks like a copy-paste error.
" Neal" <是ne ** @ spamrcn.com>在消息中写道
news：3f ********************** @ news.rcn.com ...
"Neal" <ne**@spamrcn.com> wrote in message
news:3f**********************@news.rcn.com...
< html xmlns =" http：//www.w3.org/TR/xhtml1" />
<html xmlns="http://www.w3.org/TR/xhtml1" />
忽略这一点，那是大厅对面的人，我告诉你......
Ignore that, it was the man across the hall, I tell you...
Neal <是ne ** @ spamrcn.com>在消息中写道
news：3f ********************** @ news.rcn.com ...
"Neal" <ne**@spamrcn.com> wrote in message
news:3f**********************@news.rcn.com...
< html xmlns =" http：//www.w3.org/TR/xhtml1" />
<html xmlns="http://www.w3.org/TR/xhtml1" />
啊，我知道这让我很烦恼。
< html xmlns =" http： //www.w3.org/1999/xhtml">
Ah, I know what irked me about this.
<html xmlns="http://www.w3.org/1999/xhtml">
这篇关于Opera和定位问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
