Webmaster forum - CSS problem

Author

CSS problem

Tony

2005-04-21, 4:41 am

I hope this is the right place - I can't find a CSS-specific newsgroup.

You can see the problem page here: http://www.letsnetwork.org/css/css1.htm
and the style sheet is at http://www.letsnetwork.org/css/style1.css

Please try different window widths - you'll see the problem.

I can't get a right-side vertical division to fill in the full height. I
have it set to display "inline" with two other divisions (relatively sized
15%, 65%, and 20%), and all three are contained in another division "middle"
set to 100% height. All three of the divisions are also set to 100% height -
which should make them fill the full vertical space available, right?

Odd thing is, the LEFT division resizes itself if the center division gets
too tall, but the center and right won't resize themselves to the left one.

For various reasons, I have to leave the header & footer divisions
independently resizable

I know this should be relatively easy to do. Can anyone tell me what I'm
missing?

BTW - I know the color scheme is garish. At the moment, I'm mainly feeling
my way around CSS.

Thanks!

Els

2005-04-21, 4:41 am

Tony wrote:

> I hope this is the right place - I can't find a CSS-specific newsgroup.

comp.infosystems.www.authoring.stylesheets

> You can see the problem page here: http://www.letsnetwork.org/css/css1.htm
> and the style sheet is at http://www.letsnetwork.org/css/style1.css
>
> Please try different window widths - you'll see the problem.

For you: please try another browser than IE, and you'll a lot bigger
problem.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Els

2005-04-21, 4:41 am

Els wrote:

> For you: please try another browser than IE, and you'll a lot bigger
^see
> problem.

--
Els http://locusmeus.com/
Sonhos vem. Sonhos vão. O resto é imperfeito.
- Renato Russo -

Don

2005-04-21, 4:41 am

Don

2005-04-21, 4:41 am

On 20 Apr 2005 Els wrote in alt.www.webmaster

> Tony wrote:
>
>
> comp.infosystems.www.authoring.stylesheets
>
>
> For you: please try another browser than IE, and you'll a lot bigger
> problem.
>
>
>
Might work without the comments or just fixing the comments.

Bad


Good

^^^

--
Don

Norman L. DeForest

2005-04-21, 7:21 am

On Thu, 21 Apr 2005, Don wrote:

> On 20 Apr 2005 Els wrote in alt.www.webmaster
>
> Might work without the comments or just fixing the comments.
>
> Bad
> 
>
> Good
> 
> ^^^

Much better:

^^^
Note
only
2 '-'s

Quoting from the current HTML 4.01 specification (large, 778KB):
http://www.w3.org/TR/REC-html40/html40.txt

[snip]
: 3.2.4 Comments
:
: HTML comments have the following syntax:
:
: 
: 
:
: White space is not permitted between the markup declaration open
: delimiter("<!") and the comment open delimiter ("--"), but is
: permitted between the comment close delimiter ("--") and the markup
: declaration close delimiter (">"). A common error is to include a
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
: string of hyphens ("---") within a comment. Authors should avoid
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
: putting two or more adjacent hyphens inside comments.
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
:
: Information that appears between comments has no special meaning
: (e.g., character references are not interpreted as such).
:
: Note that comments are markup.
[snip]

--
">> consider moving away from Front Page...."
">To what? Any suggestions?"
"Naked bungee-jumping. It's less humiliating <g>"
-- Matt Probert in alt.www.webmaster, March 20, 2005

William Tasso

2005-04-21, 7:21 am

On Thu, 21 Apr 2005 05:25:25 +0100, Tony <someone@somedomain.cam> wrote:

> I hope this is the right place - I can't find a CSS-specific newsgroup.
>
> You can see the problem page here:
> http://www.letsnetwork.org/css/css1.htm
> and the style sheet is at http://www.letsnetwork.org/css/style1.css
>
> Please try different window widths - you'll see the problem.
>
> I can't get a right-side vertical division to fill in the full height.

I don't see a "right-side vertical division" on that page.

Checked in O8/f-fox/IE6

> ...
> I know this should be relatively easy to do. Can anyone tell me what I'm
> missing?

Content?

--
Whatever you do - do something.

Tony

2005-04-21, 8:23 pm

Thanks for the tips everyone.

At least in IE, I got it to work by adding a "position:relative" tag to the
three middle divisions. After I get things functioning ok, I'll check for
browser-compatibility - this is just for learning at the moment, so I'm
taking one step at a time :)

Els - thanks for the reference, I'll check out that NG. Didn't think to
spell out "stylesheets" :)

Don & Norman - while the immediate problem wasn't the comments, I was
unaware of that standard. I'll handle those type of comments differently in
the future.

William - who needs content as long as it's got nifty code? ;)

Thanks again, guys.

Don

2005-04-21, 8:23 pm

On 21 Apr 2005 Tony wrote in alt.www.webmaster

>
> William - who needs content as long as it's got nifty code? ;)

Great point!

--
Don

Toby Inkster

2005-04-21, 8:23 pm

Don wrote:

> Bad
> 
>
> Good
> 
> ^^^

Both are bad. Double-dashes inside a comment (apart from the beginning and
end) are a recipe for disaster.

Try:



--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact

Don

2005-04-21, 8:23 pm

On 21 Apr 2005 Toby Inkster wrote in alt.www.webmaster

> Don wrote:
>
>
> Both are bad. Double-dashes inside a comment (apart from the beginning and
> end) are a recipe for disaster.
>
Well it was just a start. :(

> Try:
>
> 
>

Ok, but then where will he put his LEFT NAVIGATION MENU?

--
Don