需要一些设计/ CSS问题的帮助 [英] Need help with some design/css problems
问题描述
大家好，
我从 www.oswd.org 并开始重写
css和html以最终为我的网站设计一个新设计。
到目前为止一直很好，但有一些问题我似乎找不到一个
解决方案。
你可以在这里看到新的设计： http://tesinfo.atspace.com/test.html （它's b $ b基于Blew Wave， http：//www.cirkuit 。顺便说一下.net / 。
首先，如果我调整浏览器窗口的大小（例如500x500），标题最终会结束
两行。没问题，但菜单显示在标题上。我怎样才能确保菜单总是从标题下方开始？
其次，三列布局是为了适应
屏幕：两边各占15％，保证金为1％，其余位于中心
栏。同样，当浏览器窗口调整为小尺寸时，要么
文本（中心）显示在左侧图像上（在Opera中），或者右侧
列放在中心位置（IE）下面。
无论页面显示的是什么浏览器，我都希望左边有
并且右栏完全显示，并且
的中间栏适应剩余的宽度。
顺便说一句，总是欢迎提示和建议。
提前感谢您的时间和帮助，
Ikke
Hi everybody,
I''ve downloaded a design from www.oswd.org and have started rewriting the
css and html to end up with a new design for my site.
So far so good, but there are a few problems I don''t seem to find a
solution for.
You can see the new design here: http://tesinfo.atspace.com/test.html (it''s
based on Blew Wave, http://www.cirkuit.net/, by the way).
First, if I resize the browser window (say, 500x500), the title ends up on
two lines. No problem, but the menu is displayed over the title. How can I
make sure the menu always starts below the title?
Second, the three column layout is made to adapt to the width of the
screen: 15% on either side with 1% margin, and the rest in the center
column. Again, when the browser window is resized to a small size, either
the text (center) is displayed over the left image (in Opera), or the right
column is placed below the center one (IE).
Regardless of what browser the page is being displayed in, I''d like to have
the left and right column be shown completely, and the center column to
adapt to the remaining width.
Tips and suggestions are always welcome, by the way.
Thanks in advance for your time and help,
Ikke
推荐答案
在文章< Xn ************************ @ 195.130.132.70>，
Ikke< ; ik ** @ hier.bewrote：
In article <Xn************************@195.130.132.70>,
Ikke <ik**@hier.bewrote:
大家好，
我从www.oswd.org 并已开始重写
css和html为结果我的网站有了新的设计。
到目前为止一直很好，但有一些问题我似乎找不到一个
解决方案。
你可以在这里看到新的设计： http://tesinfo.atspace.com/test.html （这是基于Blew Wave的
， http://www.cirkuit.net/ ，顺便说一下。
首先，如果我调整大小浏览器窗口（例如，500x500），标题最终为
两行。没问题，但菜单显示在标题上。我怎么能确保菜单始终低于标题？
Hi everybody,
I''ve downloaded a design from www.oswd.org and have started rewriting the
css and html to end up with a new design for my site.
So far so good, but there are a few problems I don''t seem to find a
solution for.
You can see the new design here: http://tesinfo.atspace.com/test.html (it''s
based on Blew Wave, http://www.cirkuit.net/, by the way).
First, if I resize the browser window (say, 500x500), the title ends up on
two lines. No problem, but the menu is displayed over the title. How can I
make sure the menu always starts below the title?
你可以让标题小于300％，你可以缩短
的标题，你可以在& nbsp;& nbsp;& nbsp;标题中输入& nbsp;& nbsp;& nbsp; 。
关于增加文本到菜单的重叠，两个
策略：要么制作足够的像素保证金条款，要么不要
担心极端情况或在ems中设置边距以便用字体缩放
。
You can make the title a bit smaller than 300%, you can shorten
the title, you can put Between all the words
in the title.
As to the overlapping of increased text onto the menu, two
strategies: either make enough pixel margin provisions and don''t
worry about extreme cases or make margins in ems so as to scale
with the font.
Second ，三列布局是为了适应
屏幕的宽度：两边各占15％，保证金为1％，其余位于中心
栏。同样，当浏览器窗口调整为小尺寸时，要么
文本（中心）显示在左侧图像上（在Opera中），或者右侧
列放在中心位置（IE）下面。
无论页面显示的是什么浏览器，我都希望左边有
并且右列完全显示，并且中间列为
适应剩余宽度。
Second, the three column layout is made to adapt to the width of the
screen: 15% on either side with 1% margin, and the rest in the center
column. Again, when the browser window is resized to a small size, either
the text (center) is displayed over the left image (in Opera), or the right
column is placed below the center one (IE).
Regardless of what browser the page is being displayed in, I''d like to have
the left and right column be shown completely, and the center column to
adapt to the remaining width.
如果您有左右图像，然后％宽度不是最好的
方式，除非你准备好发挥赔率，只需
因为有限px宽度的照片通常会比任何一个都大/>
缩小窗口的百分比......
解决方法之一就是定义px中的宽度以确保它们能够保持图片的b $ b。另一个是对你的％非常慷慨，而不是担心。还有第三种方式（探索），但这是一件比较棘手的事情，或许有点矫枉过正：％基于它们的尺寸
in css。然后他们自己将按％宽度缩放
-
dorayme
If you have images left and right, then % widths are not the best
way to go unless you are prepared to play the odds, simply
because pics of finite px width will often be bigger than any
percentage of a narrowed window...
One way to fix is to define the widths in px to ensure they hold
the pics. Another is to be very generous with your % and not to
worry. There is a third way (to explore), but it is a trickier
thing to do, perhaps a bit overkill here: % base their dimensions
in css. Then they themselves will scale with the % widths
--
dorayme
dorayme< do************@optusnet.com.auwrote在
新闻：做******************* ***************@news-vip.optusnet.com.au:
< snipped>
dorayme <do************@optusnet.com.auwrote in
news:do**********************************@news-vip.optusnet.com.au:
<snipped>
你可以使标题略小于300％，你可以缩短
的标题，你可以放在& nbsp; all& amp & nbsp;字数
& nbsp;& nbsp;& nbsp;标题。
You can make the title a bit smaller than 300%, you can shorten
the title, you can put Between all the words
in the title.
谢谢 - 我添加了不间断的空格并将尺寸缩小到250％。
Thanks - I''ve added the non-breaking spaces and reduced the size to 250%.
关于增加的文本重叠到菜单上，两个
策略：要么制作足够的像素保证金条款，要么不要担心
担心极端情况或赚取利润在ems中，用字体缩放
。
As to the overlapping of increased text onto the menu, two
strategies: either make enough pixel margin provisions and don''t
worry about extreme cases or make margins in ems so as to scale
with the font.
我正试着让网站看起来完美。 （如果有这样的话）
从最低分辨率640x480及以上，但我希望能够为小屏幕保持良好的布局。
使用& nbsp; s和250％的尺寸，这应该可行。
< snipped>
I''m trying to make the website look "perfect" (if there is such a thing)
from a minimum resolution 640x480 and up, but I''d like to be able to keep
a decent layout for smaller screens.
With the s and the 250% size, this should work.
<snipped>
如果你有左右图像，那么％宽度不是最佳的
方式，除非你准备好发挥赔率，只需
，因为有限px宽度的图片通常会比缩小窗口的任何
百分比大...
If you have images left and right, then % widths are not the best
way to go unless you are prepared to play the odds, simply
because pics of finite px width will often be bigger than any
percentage of a narrowed window...
这就是为什么我计算出最小640x480的尺寸 - 但仍然，
我正在寻找另一个解决方案。
That''s why I calculated the sizes on a minimum of 640x480 - but still,
I''m looking for another solution.
解决方法之一就是定义px中的宽度以确保它们能够保存图片。另一个是对你的％非常慷慨，而不是担心。还有第三种方式（探索），但这是一件比较棘手的事情，或许有点矫枉过正：％基于它们的尺寸
in css。然后他们自己将按％宽度扩展
One way to fix is to define the widths in px to ensure they hold
the pics. Another is to be very generous with your % and not to
worry. There is a third way (to explore), but it is a trickier
thing to do, perhaps a bit overkill here: % base their dimensions
in css. Then they themselves will scale with the % widths
好吧，让我们放弃那个棘手的解决方案，并假设我不是那么慷慨
类型:)
你的第一个解决方案实际上听起来很完美：我在px中指定了左边和右边
区域固定宽度，所以图片将完美显示。
但是当我设置宽度为px时，中间部分突然显示
左下方，右下方中心部分。我怎么能保持他们
彼此相邻？
感谢您的帮助！
Ikke
在2006-10-29，Ikke写道：
On 2006-10-29, Ikke wrote:
大家好，
我从 www.oswd.org 下载了一个设计并开始重写
css和html最终为我的网站设计了一个新的设计。
到目前为止一直很好，但是有一些问题我没有''好像找到了一个
的解决方案。
你可以在这里看到新的设计： http://tesinfo.atspace.com/test.html （基于Blew Wave，它是基于
，顺便说一下， http://www.cirkuit.net/ 。 />
首先，如果我调整浏览器窗口的大小（例如，500x500），标题最终会结束
两行。没问题，但菜单显示在标题上。我怎样才能确保菜单始终低于标题？
Hi everybody,
I''ve downloaded a design from www.oswd.org and have started rewriting the
css and html to end up with a new design for my site.
So far so good, but there are a few problems I don''t seem to find a
solution for.
You can see the new design here: http://tesinfo.atspace.com/test.html (it''s
based on Blew Wave, http://www.cirkuit.net/, by the way).
First, if I resize the browser window (say, 500x500), the title ends up on
two lines. No problem, but the menu is displayed over the title. How can I
make sure the menu always starts below the title?
删除" height：70px;"来自#header。
Remove "height: 70px;" from #header.
其次，三列布局是为了适应
屏幕的宽度：两边各占15％保证金为1％，其余在中心
栏。同样，当浏览器窗口调整为小尺寸时，要么
文本（中心）显示在左侧图像上（在Opera中），或者右侧
列放在中心位置（IE）下面。
无论页面显示的是什么浏览器，我都希望左边有
并且右列完全显示，并且中间列为
适应剩余宽度。
Second, the three column layout is made to adapt to the width of the
screen: 15% on either side with 1% margin, and the rest in the center
column. Again, when the browser window is resized to a small size, either
the text (center) is displayed over the left image (in Opera), or the right
column is placed below the center one (IE).
Regardless of what browser the page is being displayed in, I''d like to have
the left and right column be shown completely, and the center column to
adapt to the remaining width.
那么你不希望侧栏为15％。
-
Chris FA Johnson< http://cfaj.freeshell.org>
======================== ========================== =================
作者：
Shell Scripting Recipes：问题解决方案（2005，Apress）
Then you don''t want the side columns to be 15%.
--
Chris F.A. Johnson <http://cfaj.freeshell.org>
================================================== =================
Author:
Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress)
这篇关于需要一些设计/ CSS问题的帮助的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
