列背景在内容结束时停止？ [英] Column background stops at end of content?
问题描述
嗨伙计，
好的，这是我的故事。我被要求为我参加的教会创建一个网站
。我是一个完全新手来创建网站的
。所以，我做了平常 - 做了一堆
的谷歌搜索，发现使用CSS节省了时间长期运行，买了几本书，谷歌搜索更多，
阅读在线教程，阅读这个
和其他团体等的很多帖子。
我第一次尝试创建教会网站
在 http://www.mytbc.com 我知道它是：无聊，
颜色不正确，缺乏视觉抓取等等。
但是，嘿，这是我的第一次尝试并且还没有完成！并且
它是基于CSS的（除了一张桌子
在一页上）
在我的网上旅行中，我发现很多好看的
网站都有彩色列到底部
页面或页脚无论内容多少
他们包括。
所以我认为这是要走的路。我还要
想要导航，这将使
活动颜色与悬停相同（在这种情况下为
渐变色块）表示当前页面。
我的最新尝试是在 http://www.mytbc.com/test
基本结构是这样的;
身体
容器
logo
header
navcon
leftnav
vnav
内容
页脚
以下是我遇到挫折感的问题
1 ==准备好了到桌子......
1.左侧导航栏中的彩色背景不会将
延伸到页脚。我读到需要将
括在包含div中，因此navcon。
没有帮助。我读到包含div需要
才能让它''''''''''''''''''''''''$ $ $ $ $ $ $ $ $ $ $ $
没有
运气。
2.如果我没有指定至少13em的保证金 -
#content然后，如果窗口足够窄，
文本会在导航栏中流动。是
有一种方法可以指定该列是它的b
自己的实体而不是显然是
被认为是向左延伸
第一列？
3.在linux和windows上的Firefox中我看到了问题
1& 2.在IE 6中，图像_和_ H1文本从标题中缺少
。任何想法？
我有一种感觉，1& 2将归结为不正当地放置DIV或清除
，至少我希望如此。不知道
约3 ...
任何帮助表示赞赏！
谢谢。
Jerry
Hi Folks,
Ok, here''s my story. I was asked to create a website
for the church I attend. I am a complete newbie to
creating websites. So, I did the usual -- did a bunch
of googling, found that using CSS saves time in the
long run, bought a couple books, googled more,
read online tutorials, read many posts in this
and other groups, etc.
My first attempt at creating the church website is
at http://www.mytbc.com I know it is: boring,
incorrectly colored, lacking a visual grab, etc.
But hey, it''s my first try and isn''t complete! And
it is CSS based (with the exception of one table
on one page)
In my web travels I found that many good looking
sites had colored columns that travel to the bottom
of the page or to a footer no matter how much content
they include.
So I thought that would be the way to go. I also
wanted to have navigation that would make the
active color the same as hover (in this case a
block of gradient color) signifying the current page.
My latest attempt is at http://www.mytbc.com/test
The basic structure is this;
body
container
logo
header
navcon
leftnav
vnav
content
footer
Here are my problems in order of frustration where
1 == about ready to go to tables...
1. The colored background on the left navigation won''t
extend to the footer. I read that it needed to be
enclosed in a "containing div", hence the navcon.
Didn''t help. I read that the containing div needed
to have ''something'' in it to make it expand, so I
used a repeating gif background in navcon. No
luck.
2. If I don''t specify at least 13em for margin-left in
#content then if the window is narrow enough the
text flows _under_ the navigation column. Is
there a way to specify that the column is its
own entity not something that is apparently
considered to be extending to the left under
the first column?
3. In Firefox on linux and windows I see the problems
1 & 2. In IE 6 the image _and_ the H1 text is
missing from the header. Any ideas?
I have a feeling that 1 & 2 will boil down to improperly
placed DIVs or clears, at least I hope so. No idea
about 3...
Any help is appreciated!
Thanks.
Jerry
推荐答案
" Jerry" <第********* @ charter.net>写道：
[列背景在内容结束时停止？]
"Jerry" <th*********@charter.net> wrote:
[Column background stops at end of content?]
所以，我按照惯例做了 - 做了一堆
谷歌搜索，发现使用CSS节省了时间，长期以来，买了几本书，谷歌更多，阅读在线教程，阅读这个
和其他组等许多帖子等。
So, I did the usual -- did a bunch
of googling, found that using CSS saves time in the
long run, bought a couple books, googled more,
read online tutorials, read many posts in this
and other groups, etc.
我不相信你，这个话题已在这里讨论过死亡。在过去几天的
中，这个问题已经在这里问了两次。
-
Spartanicus
I don''t believe you, this topic has been discussed to death here. In the
last few days this question has been asked here twice already.
--
Spartanicus
2005年2月25日星期五22:57:35 -0500 Jerry写道：
On Fri, 25 Feb 2005 22:57:35 -0500 Jerry wrote:
Hi Folks，
Ok ，这是我的故事。我被要求为我参加的教会创建一个网站
。我是一个完整的新手来创建网站。所以，我做了平时 - 做了一堆谷歌搜索，发现使用CSS节省了时间，长期以来，买了几本书，google了更多，阅读在线教程，阅读这个
和其他团体的许多帖子等。
Hi Folks, Ok, here''s my story. I was asked to create a website
for the church I attend. I am a complete newbie to
creating websites. So, I did the usual -- did a bunch
of googling, found that using CSS saves time in the
long run, bought a couple books, googled more,
read online tutorials, read many posts in this
and other groups, etc.
您使用的颜色是：蓝色还是背景：蓝色？
颜色用于文本而背景用于整个部门。
至于高度问题，你需要做的就是定义它。
box {背景：黑色;}
没有显示任何内容，因为它没有任何内容，并且没有深度
感知。
box {宽度：100像素;高度：100像素;背景：蓝色;}
现在我们给了盒子一个形状，所以它填充了所选择的颜色。
box {width：100px;背景：蓝色; }
这个盒子在有内容之前一直不可见。
盒子会根据需要按高度展开。
有无需插入重复的背景图像。
Are you using color:blue or background:blue ?
Color is for the text while background is for the entire division.
As for the height problem, all you need to do is to define it.
box {background:black;}
Nothing shows because there is nothing in it and it has no "depth of
perception".
box { width:100px; height:100px; background:blue;}
Now we have given the box a shape so it is filled with the chosen color.
box {width:100px; background:blue; }
This box remains invisible until there is content.
The box will expand as needed by the height.
There is no need to insert a repeating background image.
" Spartanicus" < me@privacy.net>在留言中写道
news：2l ******************************** @ news.spart anicus.utvinternet.ie ...
"Spartanicus" <me@privacy.net> wrote in message
news:2l********************************@news.spart anicus.utvinternet.ie...
" Jerry" <第********* @ charter.net>写道：
[列背景在内容结束时停止？]
"Jerry" <th*********@charter.net> wrote:
[Column background stops at end of content?]
所以，我做了平时 - 做了一堆谷歌搜索，发现使用CSS节省了长时间的时间，买了几本书，google了更多，阅读在线教程，阅读了这个
和其他团体的许多帖子等。
我不相信你，这个话题在这里被讨论过死亡。在过去的几天里，这个问题已经在这里问了两次。
So, I did the usual -- did a bunch
of googling, found that using CSS saves time in the
long run, bought a couple books, googled more,
read online tutorials, read many posts in this
and other groups, etc.
I don''t believe you, this topic has been discussed to death here. In the
last few days this question has been asked here twice already.
实际上我看了很多例子。我最近在如何使用第二页
列自动伸展的页面自动伸缩中找到了两个例子。 1024x768分辨率？线程
于02/25/05
来自Laurie;
http://www.student.oulu.fi/~laurirai...float2col.html
by mscir
http://wellstyled.com/files/css-2col.../example2.html
都显示了我想要做的事情。但是无论我尝试什么，我都不能...... b $ b似乎让我的页面与header，gif和amp;标题中的文字，
左侧导航栏，右侧内容和页脚;
http://www.mytbc.com/test
杰瑞
-
Spartanicus
Actually I have looked a number of examples. The two examples I
have seen lately in the "How to do a css 2-column layout with 2nd
column autostretch for page max. of 1024x768 resolution?" thread
on 02/25/05
by Laurie;
http://www.student.oulu.fi/~laurirai...float2col.html
by mscir
http://wellstyled.com/files/css-2col.../example2.html
both show what I want to do. But no matter what I try I can''t
seem to make my page work with header, gif & text in header,
left navigation column, right content, and footer;
http://www.mytbc.com/test
Jerry
--
Spartanicus
这篇关于列背景在内容结束时停止？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
