«

Hi,

I've mostly fixed a section of my work website which used to rely on a
frameset which wasn't that nice with some lovely clean CSS, but I've hit a
problem.

The old frame set looked like this

------------TOP OF SCREEN-------------
centred image
_______________________________
|
piccy | text


The centred image and left hand pictures were set not to scroll.
Obviously, as it was a frameset, the text would be confined to the right
and never over write the top image.

The CSS I have does almost that, except that I can't seem to prevent the
text over writing the top image. Is there a way to effectively keep the
text *always* at a position below the top image?

I did look at iframes, but I'm not sure that's the way I want to go.

TTFN

Paul

url?

mark

"Paul F. Johnson" <> wrote in message
news...
> Hi,
>
> I've mostly fixed a section of my work website which used to rely on a
> frameset which wasn't that nice with some lovely clean CSS, but I've hit a
> problem.
>
> The old frame set looked like this
>
> ------------TOP OF SCREEN-------------
> centred image
> _______________________________
> |
> piccy | text
>
>
> The centred image and left hand pictures were set not to scroll.
> Obviously, as it was a frameset, the text would be confined to the right
> and never over write the top image.
>
> The CSS I have does almost that, except that I can't seem to prevent the
> text over writing the top image. Is there a way to effectively keep the
> text *always* at a position below the top image?
>
> I did look at iframes, but I'm not sure that's the way I want to go.
>
> TTFN
>
> Paul

Hi,

On Fri, 24 Sep 2004 14:09:31 +0100, mark | r wrote:

> url?

It's not live yet (the development version that is). The current frameset
version is at

/www.smmp.salford.ac.uk/research/music/unkle/frame1.html

The idea is to replace the frameset version with a CSS version. The only
problem is stopping the text at (say) 60px; from the top of the screen.

TTFN

Paul

Hi,

> /www.smmp.salford.ac.uk/research/music/unkle/frame1.html

That should be

http://www.smmp.salford.ac.uk/resear...le/frame1.html

TTFN

Paul

On Fri, 24 Sep 2004 14:13:46 +0100, Paul F. Johnson
<> wrote:

> Hi,
>
> On Fri, 24 Sep 2004 14:09:31 +0100, mark | r wrote:
>
>> url?
>
> It's not live yet (the development version that is). The current frameset
> version is at
>
> /www.smmp.salford.ac.uk/research/music/unkle/frame1.html
>
> The idea is to replace the frameset version with a CSS version. The only
> problem is stopping the text at (say) 60px; from the top of the screen.


You need to put something up, otherwise we can't see what you did wrong.
Can you upload *something*?

On Fri, 24 Sep 2004 13:34:07 +0100, Paul F. Johnson
<> wrote:

> Hi,
>
> I've mostly fixed a section of my work website which used to rely on a
> frameset which wasn't that nice with some lovely clean CSS, but I've hit
> a
> problem.
>
> The old frame set looked like this
>
> ------------TOP OF SCREEN-------------
> centred image
> _______________________________
> |
> piccy | text
>
>
> The centred image and left hand pictures were set not to scroll.
> Obviously, as it was a frameset, the text would be confined to the right
> and never over write the top image.
>
> The CSS I have does almost that, except that I can't seem to prevent the
> text over writing the top image. Is there a way to effectively keep the
> text *always* at a position below the top image?

With this markup:

<img ...>
<h1>

.... the heading will never ascend to cover the image unless I position it
to do so. My guess - and in absence of a URL it's merely a guess - is that
you're trying to position something incorrectly.

Can't advise further without seeing a URL, and please no posting code, a
live example.

> I did look at iframes, but I'm not sure that's the way I want to go.

Definitely avoid.

Hi

On Fri, 24 Sep 2004 09:38:24 -0400, Neal wrote:

> On Fri, 24 Sep 2004 14:13:46 +0100, Paul F. Johnson
> <> wrote:

>> The idea is to replace the frameset version with a CSS version. The only
>> problem is stopping the text at (say) 60px; from the top of the screen.
>
>
> You need to put something up, otherwise we can't see what you did wrong.
> Can you upload *something*?

http://146.87.55.8:82/research/music/unkle/index.html

Should do it..

If you scroll up, you'll see the problem - the text goes over the picture.
I need to have it so the text is always below the picture.

TTFN

Paul

is this what you're looking for?

<html>
<head>
<style>
body{margin:0;padding:0}
#top{height:15%;background:#f00}
#left{width:20%;height:85%;float:left;background:# 0f0}
#right{width:80%;height:85%;float:left;background: #00f;overflow:auto}
</style>
</head>
<body>
<div id="top">Top</div>
<div id="left">Left</div>
<div id="right">Right<br />1<br />2<br />3<br />4<br />5<br />6<br />7<br
/>7<br />8<br />9<br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br
/>9<br />0<br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br
/>0<br />1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<br
/>1<br />2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<br />1<br
/>2<br />3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<br />1<br />2<br
/>3<br />4<br />5<br />6<br />7<br />8<br />9<br />0<br />1<br />2<br />3<br
/>4<br />5bottom</div>
</body>
</html>

Hi,

mark | r wrote:

> #right{width:80%;height:85%;float:left;background: #00f;overflow:auto}

Spot on. Thanks.

TTFN

Paul