我保证最后一个问题 [英] ok last question i promise

问题描述

好​​的，我已经解决了模板中我遇到的大部分布局问题我是

建筑物，两者看起来都不错IE和FF。

有一件事情仍然存在，它让我疯狂。我有两个divs的

接下来显示两个cols，左手div设置为

宽度250px，右手div没有宽度设置。

在FF中，右侧div从左侧div的边缘开始并正确显示

，但是在IE中右侧div从边缘开始页面

（虽然div中的文字从左边的div开始）。


所以如果我在maincontent div上设置margin-left它在IE浏览器中的255px位于我想要的地方，但是在FF中，它距离左边的div只有255px，这看起来好像是错误的。


网址为： http://www.paulwatt.info/test/转/ 。

和 http://www.paulwatt.info/test/turn/css/turnlayout.css


我一直在搜索谷歌，我无法找到答案。我怀疑FF是

表现正常而且IE正在做其通常的事情。


非常感谢提前


Paul

-
http：//www.paulwatt。 info

解决方案

" Paul Watt" < PA ********** @ wattio.freeserve.co.uk>在消息中写道

新闻：49 ************ @ individual.net ...

好的，我我已经解决了我在模板中遇到的大部分布局问题
我正在构建它在IE和FF中看起来都很好。
有一件事仍然存在，它让我疯狂。我有两个divs的
显示在彼此旁边制作两个cols，左手div设置为
宽度为250px，右手div没有宽度设置。
在FF中，右侧div从左侧div的边缘开始并正确显示
，但是在IE中右侧div从页面边缘开始
（尽管div中的文本从边缘开始）左边的div）。

所以如果我在主要内容div上将margin-left设置为IE中的255px，那么它位于我想要的地方，但在FF中，它距离左边的div是255px只是看起来不对。

因为leftcell浮动，放置

" maincontent"时不计算div。


我认为两个浏览器都错了...


Firefox，因为它并没有真正浮动leftcell ; div。


IE，因为它考虑了foated div，但是根据它没有应用

内容。


尝试将浏览器缩小范围，你会看到IE开始在左边缘包装

内容。

< blockquote> Paul Watt写道：

好的，我已经解决了我使用模板构建的大部分布局问题，它看起来很像在IE和FF中都没问题。
有一件事情仍然存在，它让我疯狂。我有两个divs的
显示在彼此旁边制作两个cols，左手div设置为
宽度为250px，右手div没有宽度设置。
在FF中，右侧div从左侧div的边缘开始并正确显示
，但是在IE中右侧div从页面边缘开始
（尽管div中的文本从边缘开始）左边的div）。

所以如果我在主要内容div上将margin-left设置为IE中的255px，那么它就位于我想要的地方，但在FF中，它距离左边的div是255px看起来错了。

URL是： http://www.paulwatt.info/test/turn/ 。
和 http://www.paulwatt.info/test/turn/css/turnlayout.css

..leftcell {

margin-top：5px;

宽度：250px;

positio n：绝对;

}


查看FLOAT，失去职位：绝对

" Tony" <到**** @ dslextreme.WHATIS​​THIS.com>在消息中写道

新闻：12 ************* @ corp.supernews.com ...

Paul Watt写道：

好的，我已经解决了我在模板中遇到的大部分布局问题
我正在构建，它在IE和FF中看起来都很好。<但有一件事仍然存在，它让我疯狂。我有两个divs的
显示在彼此旁边做两个cols，左手div设置为
宽度为250px，右手div没有宽度设置。
在FF中，右侧div从左侧div的边缘开始并正确显示
，但是在IE中右侧div从页面边缘开始
（尽管div中的文本从边缘开始）左边的div）。

所以如果我在主要内容div上将margin-left设置为IE中的255px，那么它位于我想要的地方，但在FF中，它距离左边的div是255px只是
看起来不对。

URL是： http://www.paulwatt.info/test/turn/ 。
和 http://www.paulwatt.info/test/turn/css/turnlayout.css

.leftcell {
margin-top：5px;
宽度：250px;
位置：绝对;

我试过Float但它不适合我，所以我不得不求助于

持仓：绝对。

Hi,
Ok, I''ve solved most of the layout issues I was having with the template I''m
building and it looks ok in both IE and FF.
One thing remains though and its driving me nuts. I''ve got two divs''s
displayed next too each other to make two cols, the left hand div set at a
width of 250px, the right hand div no width set.
In FF the right div starts at the edge of the left div and displays
correctly, however in IE the right div starts at the edge of the page
(although the text in the div starts at the edge of the left div).

So If i set margin-left on the maincontent div to 255px in IE it sits where
I want, but in FF it sits 255px away from the left div which just looks
wrong.

The URL is: http://www.paulwatt.info/test/turn/ .
and http://www.paulwatt.info/test/turn/css/turnlayout.css

I''ve been searching google and I cant find a answer. I suspect that FF is
behaving properly and IE is doing its usual thing.

many thanks in advance

Paul
--
http://www.paulwatt.info

解决方案

"Paul Watt" <pa**********@wattio.freeserve.co.uk> wrote in message
news:49************@individual.net...

Hi,
Ok, I''ve solved most of the layout issues I was having with the template
I''m building and it looks ok in both IE and FF.
One thing remains though and its driving me nuts. I''ve got two divs''s
displayed next too each other to make two cols, the left hand div set at a
width of 250px, the right hand div no width set.
In FF the right div starts at the edge of the left div and displays
correctly, however in IE the right div starts at the edge of the page
(although the text in the div starts at the edge of the left div).

So If i set margin-left on the maincontent div to 255px in IE it sits
where I want, but in FF it sits 255px away from the left div which just
looks wrong.

Because "leftcell" is floated, it''s not counted when placing the
"maincontent" div.

I think both browsers have it wrong...

Firefox, because it''s not truly floating the "leftcell" div.

IE, because it takes into account the foated div, but then doesn''t apply the
content based on it.

Try sqashing your browsers narrower and you''ll see IE starts wrapping the
content at the left margin.

Paul Watt wrote:

Hi,
Ok, I''ve solved most of the layout issues I was having with the template I''m
building and it looks ok in both IE and FF.
One thing remains though and its driving me nuts. I''ve got two divs''s
displayed next too each other to make two cols, the left hand div set at a
width of 250px, the right hand div no width set.
In FF the right div starts at the edge of the left div and displays
correctly, however in IE the right div starts at the edge of the page
(although the text in the div starts at the edge of the left div).

So If i set margin-left on the maincontent div to 255px in IE it sits where
I want, but in FF it sits 255px away from the left div which just looks
wrong.

The URL is: http://www.paulwatt.info/test/turn/ .
and http://www.paulwatt.info/test/turn/css/turnlayout.css

..leftcell{
margin-top:5px;
width: 250px;
position: absolute;
}

Look into FLOAT, and lose position:absolute

"Tony" <to****@dslextreme.WHATISTHIS.com> wrote in message
news:12*************@corp.supernews.com...

Paul Watt wrote:

Hi,
Ok, I''ve solved most of the layout issues I was having with the template
I''m building and it looks ok in both IE and FF.
One thing remains though and its driving me nuts. I''ve got two divs''s
displayed next too each other to make two cols, the left hand div set at
a width of 250px, the right hand div no width set.
In FF the right div starts at the edge of the left div and displays
correctly, however in IE the right div starts at the edge of the page
(although the text in the div starts at the edge of the left div).

So If i set margin-left on the maincontent div to 255px in IE it sits
where I want, but in FF it sits 255px away from the left div which just
looks wrong.

The URL is: http://www.paulwatt.info/test/turn/ .
and http://www.paulwatt.info/test/turn/css/turnlayout.css

.leftcell{
margin-top:5px;
width: 250px;
position: absolute;
}

Look into FLOAT, and lose position:absolute

I tried Float but it wasnt working for me, so I had to resort to
position:absolute.

这篇关于我保证最后一个问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！