Re：FF Opera Safari世界中的问题 [英] Re: Problem in the FF Opera Safari world
问题描述
我只想花一点时间向你们这么多人说声谢谢
发布了对我的请求的答复，以帮助解决与GAP有关的问题
（见下文？）！
您的建议不仅是解决问题的方法，而且还是
鼓励进一步了解这个主题的方式和
给了我更多的信息，帮助我今天向前迈进。
我实际上已经得到了与之合作的页面
ff，opera，safari和IE的相同样式表，没有为IE单独表单。我仍然屏住呼吸，它可以在IE6中运行，但这对于
另一天是有效的。我还没有精力发布更新，也许
明天。
感谢您的推荐和专家建议。这个社区是一个
祝福。
和平
betsy
因此，根据Beauregard的建议，我已经深入研究了
百分比的世界以及我下一个项目的流畅设计。我到目前为止已经确定将会确定我将为IE的单独样式表做一个
条件评论，但我有一个
现在在Firefox，Safari和Opera中出现问题。
如果您想查看我的问题，请访问
http://myweb.fltg.net/users/bethmcgee/index.html
正如你所看到的，它在IE中看起来很可爱（除了在页面包装的最底部的烦人的小
差距，我将当我单独使用单独的样式表时，我会希望获得
，但是在任何其他
浏览器中，菜单上方都存在这个非常烦人的差距。代码是
到目前为止这么简单，没有多少填充或任何东西的边距我和
已经尝试过调整所有人并改变所有的花车
浮动的元素，为那些我最初没浮动的人添加花车。
我已经困惑了好几天。
我不喜欢通常会发布到我最后一根头发...所以如果有人有一个时间并且想要挑战，或者只是想咆哮一下那么糟糕
我的代码看起来，我会非常感激。
我希望你们都享受春天的到来......
和平
文章
< _c *************** ***************@posted.fingerlak estechnologygroup>，
BMc< be ****** @ yahoo.comwrote：
< blockquote class =post_quotes>
如果您想查看我的问题，请访问
http://myweb.fltg.net/users/bethmcgee/index.html
尽可能看，它在IE中看起来很可爱（除了烦恼的小
差距在页面包装的最底部，我将会看到
当我单独执行时我希望样式表，但在任何其他
浏览器中，菜单上方有这个非常烦人的差距。
添加保证金：0;你的.menulist ul {...
你应该删除#header和其他高度的高度...
- < br $> b $ b dorayme
好的，所以不再是IE7，Safari或Firefox中的问题...
但我对低分辨率有一些疑问。对于最多的
部分，我可以获得容器元素的灵活性和
扩展和收缩分辨率。但是文字呢，特别是
列表文字？此外，我的标题文本不应该是较低的
分辨率。
是否有特定的方法来编码文本以扩展和收缩a
整个文件？如果你将所有字体大小（如标题和段落文本等）设置为
对我来说似乎合乎逻辑......那么它b / b
最终会成为百分比整个文件。是因为每个包含div的
实际上是以包含div的百分比形式出现的，而不是使用
$ b的文档的百分比字体大小的$ b百分比不能有效工作？
设置每个元素内的字体大小是否更好？我需要b $ b需要它与列表和标题文本有什么不同？那么
然后，如果在元素本身内编码，则覆盖我在CSS文档开头设置的主要
设置？
并且，它是字体大小的基本属性的百分比（是16pt吗？）
或包含div的大小的百分比？
我有意义还是我在胡说八道？过了一会儿，我甚至不能告诉我们。
再次，该网站位于：
http://myweb.fltg.net/users/bethmcgee/index.html
提前谢谢。
betsy
dorayme写道：
文章
< _c ************************ ******@posted.fingerlak estechnologygroup>，
BMc< be ****** @ yahoo.comwrote：
>如果您想查看我的问题，请访问
http://myweb.fltg.net/users/bethmcgee/index.html
正如你所看到的，它在IE中看起来很可爱（除了页面封装器最底部的烦人小差距，当我做一个单独的样式表时，我会想出来e），但在任何其他浏览器中，菜单上方都存在这种非常烦人的差距。
添加保证金：0;你的.menulist ul {...
你应该删除#header和其他高度的高度...
BMc写道：
请不要发帖。
http://web.presby.edu/~nnqadmin/nnq/nquote.html
我的标题文字不应该是较低的
分辨率。
FYI分辨率毫无意义。浏览器视口大小是什么
很重要。我认为这就是你的意思。
有没有一种特定的方法可以将文本代码扩展和收缩为
整体与文件？
不确定你的意思，但单独留下，文字会正常流动。这是
照顾好自己。
如果你设置
对我来说似乎合乎逻辑您的字体大小，如标题和段落文本等。
指定每个小东西的字体大小是获得
自己的一种方法一个绑定，加上它给
样式表添加了很多不必要的膨胀。
将body保留为font-size：100％并且所有内容都将继承
默认，加上作为奖励，它可以防止在IE中发生奇怪的事情。然后
调整标题（hx）大小，就像你已经做的那样。设置
legalese，就像页面页脚一样，不低于80％。可能有一些部分或部分文本应该稍微大于或小于100％，但是尝试将其设置在容器上，而不是
如果可能的话，其中的单个元素。
是因为
每个包含div实际上是以百分比出现这是包含div的
而不是使用
字体大小的文件的百分比不能有效工作？
一个与另一个无关。您可能正在使用％单位，
但是文本与容器块的引用不同。
但是，两者都是指各自父项的百分比元素。
如果在元素本身内编码，则覆盖我在CSS文档开头设置的主要
设置？
我希望你没有提到内联样式。它们是维持的BITA，应该避免。请记住，自上而下应用样式
，但不要忘记特异性。
并且，它是否为百分比字体大小的基本属性（是16pt？）
还是包含div的大小的百分比？
身体的父级字体大小访问者的默认文本大小，
无论可能是什么。在我的情况下，它是20px。
http://myweb.fltg.net/users/bethmcgee/index.html
这不是一个糟糕的尝试，但它不适应较小的窗口尺寸
应该如此。不要在文本块上设置明确的高度，除非你完全理解这些反响，而不是#header或.menulist。
发生了什么放大的文字大小和/或较小的窗口是最高端的
内容比你设置的高度更长，并且溢出了容器的
。通过不设置高度，他们将根据需要拉伸内容。如果需要，使用最小高度，以及填充和/或线高度
来获得这些块中所需的间距。您可能还需要
来调整背景图像以便更好地重复。
正确的列有问题，因为你正在混合文本的％宽度，
但使用固定的px宽度背景图像。他们不是jive，所以对我来说
该文本的某些部分黄色为黄色且不可读。固定的
高度：75em只是制作一堆垂直滚动而没有任何东西来为它显示
。它需要以不同的方式构造/设计，以获得您想要的
效果。不过，我认为，使用列的％宽度将
看起来关闭与蝴蝶图像。您可能希望为该列使用固定宽度
，或者重新考虑您在那里使用图像的方式
因此在不同的窗口大小下看起来会更好。
-
Berg
I just want to take a moment to say thank you to so many of you who
posted a response to my request for help about the problem with THE GAP
(see below?)!
Your suggestions were not only a solution to the problem, but they were
given in a way that encouraged further learning about the subject and
gave me more information that helped me move forward today.
I have actually gotten the page to work with the same style sheet for
ff, opera, safari and IE without doing a separate sheet for IE. I am
still holding my breath that it will work in IE6, but that is work for
another day. I didn''t have the energy to post the update yet, maybe
tomorrow.
Thanks for the kind nudging and expert advice. This community is a
blessing.
PEACE
betsy
So, as per Beauregard''s suggestion, I have delved into the world of
percentages and more fluid design for my next project. I am going along
okay so far and have already determined that I will be doing a
conditional comment for a separate Stylesheet for IE but I am having a
problem now in Firefox, Safari, and Opera.
If you would like to see my problem, please visit
http://myweb.fltg.net/users/bethmcgee/index.html
As you can see, it looks lovely in IE (except for the annoying little
gap at the very bottom of the wrapper of the page which I will figure
out when I do a separate stylesheet I hope), but in any of the other
browsers there is this really annoying gap above the menu. The code is
so simple so far, not really much padding or margin to anything and I
have tried tweaking just about everyone and changing the floats of all
elements that do float, adding floats to those I didn''t initially float.
I have been perplexed for days.
I don''t normally post until I am down to my last hair...so if anyone has
a moment and wants a challenge or even just wants to rant about how bad
my my code looks, I''d be deeply appreciative.
I hope you are all enjoying the onset of Spring...
Peace
In article
<_c******************************@posted.fingerlak estechnologygroup>,
BMc <be******@yahoo.comwrote:
If you would like to see my problem, please visit
http://myweb.fltg.net/users/bethmcgee/index.html
As you can see, it looks lovely in IE (except for the annoying little
gap at the very bottom of the wrapper of the page which I will figure
out when I do a separate stylesheet I hope), but in any of the other
browsers there is this really annoying gap above the menu.Add margin:0; to your .menulist ul {...
You should remove height on your #header and other heights...
--
dorayme
Okay, so not a problem in IE7 or Safari or Firefox any longer...
But I have some questions about the lower resolutions. For the most
part, I can get the elements that are containers to be flexible and
expand and contract with resolution. But what about text, specifically
list text? Also, my heading text is not as it should be at a lower
resolution.
Is there a specific way to code for text to expand and contract as a
whole with the document? It would seem logical to me that if you set
all of your font sizes like headers and paragraph text, etc...that it
would end up being the percentage of the whole document. Is it because
each containing div is actually appearing at a percentage of it''s
containing div and not the percentage of the document that using
percentage on font size isn''t going to work effectively?
Would it work better to set the font size inside each element that I
need it to be different in such as the list and the header text? Would
it then, if coded inside the element itself, override the primary
settings that I set at the beginning of the CSS document?
And, is it a percentage of the base property of font size (is it 16pt?)
or a percentage of the size of the containing div?
Am I making any sense or am I babbling?? After a while, I can''t even
tell.
Again, the site is at:
http://myweb.fltg.net/users/bethmcgee/index.html
Thanks heaps in advance.
betsy
dorayme wrote:In article
<_c******************************@posted.fingerlak estechnologygroup>,
BMc <be******@yahoo.comwrote:
>If you would like to see my problem, please visit
http://myweb.fltg.net/users/bethmcgee/index.html
As you can see, it looks lovely in IE (except for the annoying little
gap at the very bottom of the wrapper of the page which I will figure
out when I do a separate stylesheet I hope), but in any of the other
browsers there is this really annoying gap above the menu.
Add margin:0; to your .menulist ul {...
You should remove height on your #header and other heights...
BMc wrote:
Please don''t top post.
http://web.presby.edu/~nnqadmin/nnq/nquote.html
my heading text is not as it should be at a lower
resolution.FYI resolution is pretty meaningless. Browser viewport size is what
matters. I assume that''s what you meant.
Is there a specific way to code for text to expand and contract as a
whole with the document?Not sure what you mean, but left alone, text will flow normally. It
takes care of itself.
It would seem logical to me that if you set
all of your font sizes like headers and paragraph text, etc.Over specifying font sizes for every little thing is one way to get
yourself into a bind, plus it adds a lot of unnecessary bloat to the
stylesheet.
Leave body at font-size:100% and everything will inherit that by
default, plus as a bonus it prevents weird things happening in IE. Then
adjust heading (hx) sizes up from that, as you''ve already done. Set
legalese, like in the page footer, to not less than 80%. There may be
some sections or portions of text that should have something slightly
larger or smaller than 100%, but try to set it on a container, not
individual elements within it if at all possible.
Is it because
each containing div is actually appearing at a percentage of it''s
containing div and not the percentage of the document that using
percentage on font size isn''t going to work effectively?One has nothing to do with the other. You may be using % units for both,
but what that references is different for text vs. a container block.
Both, however, refer to % of their respective parent elements.
if coded inside the element itself, override the primary
settings that I set at the beginning of the CSS document?I hope you aren''t referring to inline styles. They are a PITA to
maintain and should be avoided. Just remember that styles are applied
top-down, but don''t forget about specificity.
And, is it a percentage of the base property of font size (is it 16pt?)
or a percentage of the size of the containing div?The parent of the body font-size the visitor''s default text size,
whatever that may be. In my case, it''s 20px.
http://myweb.fltg.net/users/bethmcgee/index.htmlIt''s not a bad try, but it doesn''t adapt to smaller window sizes as well
as it should. Don''t set explicit heights on text blocks unless you fully
understand the repercussions, and not at all on #header or .menulist.
What''s happening at enlarged text sizes and/or smaller windows is the
content at the top ends up longer than the height you set and spills out
of the containers. By not setting height they will stretch as needed for
the content. Use min-height if need be, and padding and/or line-heights
to get the amount of spacing you want in those blocks. You may also have
to adjust your background images to repeat better.
The right column has issues because you''re mixing % widths for the text,
but using a fixed px width background image. They don''t jive, so for me
some portion of that text is yellow on yellow, and unreadable. The fixed
height:75em just makes a bunch of vertical scrolling with nothing to
show for it. It needs to be constructed/styled differently to get the
effect you want. I think, though, using a % width for the column will
look "off" with the butterfly image. You might want to use a fixed width
for that column instead, or rethink how you''re using images over there
so it will look better at varying window sizes.
--
Berg
这篇关于Re：FF Opera Safari世界中的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
