Column background stops at end of content?

[Jerry]

Re: Column background stops at end of content?


"Lauri Raittila" <lauri@raittila .cjb.net> wrote in message
news:MPG.1c8c7d b361d907698a353 @news.individua l.net...[color=blue]
> in comp.infosystem s.www.authoring.stylesheets, Jerry wrote:
>[color=green][color=darkred]
> > > How about copying the example and changing it? Thatway it comes[/color][/color][/color]
obvious.[color=blue][color=green]
> >
> > Yeah, you're right, I need to sit down and look at what your example
> > does and how my stylesheet differs where it comes to columns.[/color]
>[color=green]
> > The latest is at http://www.mytbc.com/test2[/color]
>
> Looked your url, hint:
> p {margin:0;paddi ng:0.5em 0;border-left:12em solid red;}
> #content {margin:0 !important;}
>
> It is just one approach.
>[/color]

Thanks Lauri!
[color=blue]
> --
> Lauri Raittila <http://www.iki.fi/lr> <http://www.iki.fi/zwak/fonts>
> Utrecht, NL.[/color]

[Richard]

Re: Column background stops at end of content?

On Sun, 27 Feb 2005 18:25:50 -0500 Jerry wrote:
[color=blue]
>
> "Richard" <Anonymous@127. 001> wrote in message
> news:cvrpdo0icc @news4.newsguy. com...[color=green]
>> On Fri, 25 Feb 2005 22:57:35 -0500 Jerry wrote:
>>
>>
>> May have resolved your problem.
>> Below are the changes I made to make it work a little better.
>> Your main problem is, you're adding stuff that really isn't necessary.
>> One item you showed as "margin: 10px auto;".
>> Uh no. You should use auto only if you define the entire margin.
>> Otherwise specify with margin-bottom:auto.
>> Why anyone would use auto on margins is beyond me.
>>
>> Many many years ago my dad taught me a simple rule to live by.
>> "KISS it!".
>> Keep it simple stupid!
>> The more complex you make a simple item, the more difficult it is going
>> to be handled. In the issue of the navbar stuff, you'll notice I gave one
>> width, no[/color]
> height;[color=green]
>> the other height, no width.
>> What this does, is allows your navigation items to expand should you add
>> more later.
>> Down to the footer.
>> If you need more room then, simply redefine the height of your main
>> container.
>> Or, downsize the text of the navigation items.
>>
>> Due to your coding, I was also running into an interesting problem I
>> couldn't figure out, so I went back to the bare basics and added only
>> what[/color]
> I[color=green]
>> felt was necessary.
>> You can add more things if need be, but please try to use the items
>> correctly.
>>[/color]
>
> Richard,
>
> Thanks for looking at my problem further. I do appreciate your effort.
>
> I included, I think verbatim, the changes you suggested. The result
> can be seen at http://www.mytbc.com/test3
>
> While the CSS is simpler it doesn't address my original goal of
> having the red (#800000) background extend on the left from
> below the header to the footer no matter how tall the content
> (or user resizing browser) makes that navigation column.
>
> Thanks.
>
> Jerry
>[/color]

Here's an idea then.
Take the image of the church and turn it into a transparent gif.
Simply overlay the image on the header background and it won't look so
awkward.

Put the oval shape on a pure color background that is not a color in the
image.
Make that your transparent color.
Or...downsize the image a bit, or increase the header height.

And you can always leave it as it is and have only the header and footer the
odd color you want.

[Barbara de Zoete]

Re: Column background stops at end of content?

On Sun, 27 Feb 2005 18:25:50 -0500, Jerry <thelindseys@ch arter.net> wrote:
[color=blue]
> "Richard" <Anonymous@127. 001> wrote in message
> news:cvrpdo0icc @news4.newsguy. com...[/color]
[color=blue][color=green]
>> Why anyone would use auto on margins is beyond me.[/color][/color]

This should really start ringing and flashing all the alarms you have.
[color=blue]
> Thanks for looking at my problem further. I do appreciate your effort.[/color]

Please take a little time now and save a lot of time later and Google usenet
groups for RtS aka Bullis. Find out why you better not take anything that RtS
sais for granted or even serious.
<http://groups.google.c om/groups?q=ignore +RtS+OR+Bullis+ group:alt.html>

Ignoring him al together is your best bet.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'

[Alexandre]

Re: Column background stops at end of content?


Jerry wrote:[color=blue]
> 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[/color]

[Jerry]

Re: Column background stops at end of content?


"Jerry" <thelindseys@ch arter.net> wrote in message
news:SsSTd.1035 2$hl.7994@fe02. lga...[color=blue]
>
> 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.
>[/color]

Well, one more try. I changed the divs around a
bit and the result is at http://www.mytbc.com/test4

As you can see I got the #navcon container div to
propagate redbg.gif down to #footer, but it messes
up the 2nd column so the text starts to the right and
below the navigation area (#leftnav).

Any other suggestions?

Thanks.

Jerry