Replacing a framed website with css

Discussion in 'HTML' started by Paul F. Johnson, Sep 24, 2004.

  1. 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
    Paul F. Johnson, Sep 24, 2004
    #1
    1. Advertising

  2. Paul F. Johnson

    mark | r Guest

    url?

    mark

    "Paul F. Johnson" <> wrote in message
    news:p...
    > 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
    mark | r, Sep 24, 2004
    #2
    1. Advertising

  3. 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
    Paul F. Johnson, Sep 24, 2004
    #3
  4. Paul F. Johnson, Sep 24, 2004
    #4
  5. Paul F. Johnson

    Neal Guest

    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*?
    Neal, Sep 24, 2004
    #5
  6. Paul F. Johnson

    Neal Guest

    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.
    Neal, Sep 24, 2004
    #6
  7. 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
    Paul F. Johnson, Sep 24, 2004
    #7
  8. Paul F. Johnson

    mark | r Guest

    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>
    mark | r, Sep 24, 2004
    #8
  9. Hi,

    mark | r wrote:

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


    Spot on. Thanks.

    TTFN

    Paul
    Paul F. Johnson, Sep 26, 2004
    #9
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. =?Utf-8?B?Q2hyaXN0b3BoZXI=?=

    Sessions when using Framed web site?

    =?Utf-8?B?Q2hyaXN0b3BoZXI=?=, Jan 25, 2004, in forum: ASP .Net
    Replies:
    1
    Views:
    326
    Steve C. Orr [MVP, MCSD]
    Jan 26, 2004
  2. =?Utf-8?B?Q2xhcw==?=
    Replies:
    0
    Views:
    1,477
    =?Utf-8?B?Q2xhcw==?=
    Nov 10, 2005
  3. Chumpmeister

    help read URL from framed JSP

    Chumpmeister, May 28, 2004, in forum: Java
    Replies:
    2
    Views:
    2,276
    ExGuardianReader
    May 29, 2004
  4. ppcguy
    Replies:
    1
    Views:
    593
    Andrea Desole
    Aug 8, 2005
  5. Rob Meade

    Replacing - and not Replacing...

    Rob Meade, Apr 5, 2005, in forum: ASP General
    Replies:
    5
    Views:
    255
    Chris Hohmann
    Apr 11, 2005
Loading...

Share This Page