Min-height

[Colin Walls]

I want to put a reasonable size graphic as a background on set of
webpages. Some of them are quite short, so I put a min-height on the body
tag.

Of course I should have checked the CSS compatiblity guide first,
although it is valid CSS (1 and 2) it doesn't work on IE. Can anyone
suggest a work-around, preferably one that doesn't involve tables.

--
Colin Walls
Email: Colin.Walls@mur orum.demon.co.u k
Web: http://www.murorum.demon.co.uk
Phone: 01625 535123
Mobile: 07765 175829

[Jacqui or (maybe) Pete]

Re: Min-height

In article <pan.2003.07.28 .17.29.09.90267 9@murorum.demon .co.uk>,
colin@murorum.d emon.co.uk says...[color=blue]
> I want to put a reasonable size graphic as a background on set of
> webpages. Some of them are quite short, so I put a min-height on the body
> tag.
>[/color]
Not sure what the problem is - I take it you're trying to do something
more complex than this:

http://porjes.haxorz.org/one.html

[Colin Walls]

Re: Min-height

On Tue, 29 Jul 2003 14:29:09 +0100, Jacqui or Pete wrote:
[color=blue]
> In article <pan.2003.07.28 .17.29.09.90267 9@murorum.demon .co.uk>,
> colin@murorum.d emon.co.uk says...[color=green]
>> I want to put a reasonable size graphic as a background on set of
>> webpages. Some of them are quite short, so I put a min-height on the body
>> tag.
>>[/color]
> Not sure what the problem is - I take it you're trying to do something
> more complex than this:
>
> http://porjes.haxorz.org/one.html[/color]

Only slightly. I want an image on the bottom right, which I set with on
the body as you do. However, I also want one on the top left. I put this
one on to the <div> that I use for my left hand column. If the content of
the left hand column is short, then the image is truncated. It doesn't
matter whether or not I set a min-height on the column. CSS is:

body {
font-family: arial, helvetica, sans-serif;
font-size: x-small;
color: #000;
background: #fff url(images/bottomRight.jpg ) no-repeat bottom right;
margin: 0px;
}

/*
* The main containter for the content
*/

#container {
background: url(images/topLeft.jpg) no-repeat top left;
padding: 0px 16em 0px 110px;
margin: 0px;
min-height: 700px;
}

--
Colin Walls
Email: Colin.Walls@mur orum.demon.co.u k
Web: http://www.murorum.demon.co.uk
Phone: 01625 535123
Mobile: 07765 175829

[Jacqui or (maybe) Pete]

Re: Min-height

In article <pan.2003.07.29 .17.21.03.13284 7@murorum.demon .co.uk>,
colin@murorum.d emon.co.uk says...[color=blue]
> On Tue, 29 Jul 2003 14:29:09 +0100, Jacqui or Pete wrote:
>[color=green]
> > In article <pan.2003.07.28 .17.29.09.90267 9@murorum.demon .co.uk>,
> > colin@murorum.d emon.co.uk says...[color=darkred]
> >> I want to put a reasonable size graphic as a background on set of
> >> webpages. Some of them are quite short, so I put a min-height on the body
> >> tag.[/color][/color][/color]
....[color=blue][color=green]
> > http://porjes.haxorz.org/one.html[/color]
>
> Only slightly. I want an image on the bottom right, which I set with on
> the body as you do. However, I also want one on the top left. I put this
> one on to the <div> that I use for my left hand column. If the content of
> the left hand column is short, then the image is truncated. It doesn't
> matter whether or not I set a min-height on the column. CSS is:
>[/color]
....
Internet explorer doesn't implement min-height (it's only been in the
standard for half a decade or so). Just set the height to 700px - if
the content is longer than that then it will overflow [1]. The overflow
happens in the vertical direction so that's probably OK for you?

If that's not enough then you'll have to do something nasty - post back
& ask.

[1] Browsers that don't follow standards (ie IE) will actually expand
the div, but that's probably OK for you too.

[Jacqui or (maybe) Pete]

Re: Min-height

In article <pan.2003.07.29 .17.21.03.13284 7@murorum.demon .co.uk>,
colin@murorum.d emon.co.uk says...[color=blue]
> On Tue, 29 Jul 2003 14:29:09 +0100, Jacqui or Pete wrote:
>[color=green]
> > In article <pan.2003.07.28 .17.29.09.90267 9@murorum.demon .co.uk>,
> > colin@murorum.d emon.co.uk says...[color=darkred]
> >> I want to put a reasonable size graphic as a background on set of
> >> webpages. Some of them are quite short, so I put a min-height on the body
> >> tag.[/color][/color][/color]
....[color=blue][color=green]
> > http://porjes.haxorz.org/one.html[/color]
>
> Only slightly. I want an image on the bottom right, which I set with on
> the body as you do. However, I also want one on the top left. I put this
> one on to the <div> that I use for my left hand column. If the content of
> the left hand column is short, then the image is truncated. It doesn't
> matter whether or not I set a min-height on the column. CSS is:
>[/color]
....
Internet explorer doesn't implement min-height (it's only been in the
standard for half a decade or so). Just set the height to 700px - if
the content is longer than that then it will overflow [1]. The overflow
happens in the vertical direction so that's probably OK for you?

If that's not enough then you'll have to do something nasty - post back
& ask.

[1] Browsers that don't follow standards (ie IE) will actually expand
the div, but that's probably OK for you too.