Divs overlapping?

Discussion in 'HTML' started by T.J., Oct 18, 2004.

  1. T.J.

    T.J. Guest

    I've just built my first page without using
    tables.
    It has 2 main Divs, a small not so important one on
    the left, and the main one on the right.
    As I reduce the size of the page from the sides,
    the main Div slides under the minor one.
    How can I make it so it slides over rather than under?
    The page is at
    www.sim64.co.uk/queens.html
    TIA.
     
    T.J., Oct 18, 2004
    #1
    1. Advertising

  2. T.J.

    brucie Guest

    In alt.html T.J. said:

    > I've just built my first page without using tables.


    YAY!

    > It has 2 main Divs, a small not so important one on the left, and the
    > main one on the right.


    i'm waaaay to lazy to go through your css except to note its waaaay more
    complex than it needs to be. KISS

    > As I reduce the size of the page from the sides, the main Div slides
    > under the minor one.


    not with my browser

    > How can I make it so it slides over rather than under?
    > The page is at www.sim64.co.uk/queens.html


    basic 2 col layout. the menu is floated into the left margin of the
    content <div>. easy peasy:
    http://moreshit.usenetshit.info/queen.shit

    --


    v o i c e s
     
    brucie, Oct 19, 2004
    #2
    1. Advertising

  3. T.J.

    T.J. Guest

    "brucie" <> wrote in message
    news:...
    > In alt.html T.J. said:
    >
    >> I've just built my first page without using tables.

    >
    > YAY!
    >
    >> It has 2 main Divs, a small not so important one on the left, and the
    >> main one on the right.

    >
    > i'm waaaay to lazy to go through your css except to note its waaaay more
    > complex than it needs to be. KISS
    >
    >> As I reduce the size of the page from the sides, the main Div slides
    >> under the minor one.

    >
    > not with my browser
    >
    >> How can I make it so it slides over rather than under?
    >> The page is at www.sim64.co.uk/queens.html

    >
    > basic 2 col layout. the menu is floated into the left margin of the
    > content <div>. easy peasy:
    > http://moreshit.usenetshit.info/queen.shit
    >


    Thanks Brucie, but still not the effect I am after.
    That makes the content div jut keep reducing and the left menu
    stay the same.
    I want the content div to reduce to know smaller than the top image
    and then slide over the left menu div rather than under it.
     
    T.J., Oct 19, 2004
    #3
  4. T.J.

    brucie Guest

    In alt.html T.J. said:

    > That makes the content div jut keep reducing and the left menu
    > stay the same.


    and that is an issue because?

    > I want the content div to reduce to know smaller than the top image


    min-width:

    > and then slide over the left menu div rather than under it.


    stop wanting that, just use min-width.


    --


    v o i c e s
     
    brucie, Oct 19, 2004
    #4
  5. T.J.

    T.J. Guest

    "brucie" <> wrote in message
    news:...
    > In alt.html T.J. said:
    >
    >> That makes the content div jut keep reducing and the left menu
    >> stay the same.

    >
    > and that is an issue because?


    Curiosity mainly, I'm new to all this and just want to know
    how to do it, also, it makes the left menu div look more important
    than the content div on a quarter screen

    >> I want the content div to reduce to know smaller than the top image

    >
    > min-width:
    >
    >> and then slide over the left menu div rather than under it.

    >
    > stop wanting that, just use min-width.


    I assume min-width creates a horizontal sroll bar once you reach the
    width you have set it to? and how do you set a min-width?

    > --
    >
    >
    > v o i c e s
     
    T.J., Oct 19, 2004
    #5
  6. T.J.

    brucie Guest

    In alt.html T.J. said:

    > Curiosity mainly, I'm new to all this and just want to know
    > how to do it, also, it makes the left menu div look more important
    > than the content div on a quarter screen


    you're worrying about nothing. generally you would like to avoid the
    menu shrinking/expanding except for font size changes so it doesn't look
    crap/becomes difficult to use or even falls apart.

    > I assume min-width creates a horizontal sroll bar once you reach the
    > width you have set it to?


    correct. remember you only have to build into your design enough
    flexibility for a reasonable range of situations. if some nut has their
    browser window at 100px width thats their problem.

    > and how do you set a min-width?


    min-width:whatever; on the element you want to restrict.

    hit refresh (requires a modern browser)
    http://moreshit.usenetshit.info/queen.shit

    --


    v o i c e s
     
    brucie, Oct 19, 2004
    #6
  7. T.J.

    T.J. Guest

    "brucie" <> wrote in message
    news:...
    > In alt.html T.J. said:
    >
    >> Curiosity mainly, I'm new to all this and just want to know
    >> how to do it, also, it makes the left menu div look more important
    >> than the content div on a quarter screen

    >
    > you're worrying about nothing. generally you would like to avoid the
    > menu shrinking/expanding except for font size changes so it doesn't look
    > crap/becomes difficult to use or even falls apart.


    Yes, I guess I'm just being to finiky, not much chance of anyone
    viewing in their browser so small that it causes any problem.

    >> I assume min-width creates a horizontal sroll bar once you reach the
    >> width you have set it to?

    >
    > correct. remember you only have to build into your design enough
    > flexibility for a reasonable range of situations. if some nut has their
    > browser window at 100px width thats their problem.
    >
    >> and how do you set a min-width?

    >
    > min-width:whatever; on the element you want to restrict.


    Works fine in Opera, but doesn't seem to work in IE6
    (or is that swearing to you)

    > hit refresh (requires a modern browser)
    > http://moreshit.usenetshit.info/queen.shit
    >
    > --
    >
    >
    > v o i c e s
     
    T.J., Oct 19, 2004
    #7
  8. T.J.

    brucie Guest

    In alt.html T.J. said:

    >> min-width:whatever; on the element you want to restrict.


    > Works fine in Opera,


    of course

    > but doesn't seem to work in IE6


    aahhhaaa

    > (or is that swearing to you)


    no, its ok. i cry like this all the time.

    --


    v o i c e s
     
    brucie, Oct 19, 2004
    #8
  9. T.J.

    Nik Coughin Guest

    T.J. wrote:
    > "brucie" <> wrote in message
    >>
    >> hit refresh (requires a modern browser)
    >> http://moreshit.usenetshit.info/queen.shit
    >>

    > Works fine in Opera, but doesn't seem to work in IE6
    > (or is that swearing to you)
    >


    That's what he meant by a more modern browser. IE6 is positively
    antiquated.
     
    Nik Coughin, Oct 19, 2004
    #9
  10. T.J.

    Deryck Guest

    "brucie" <> wrote in message
    news:181mehxun16ve$...
    > In alt.html T.J. said:
    >
    >>> min-width:whatever; on the element you want to restrict.

    >

    I dont suppose you have a fix/hack/kludge for the
    IE-doesnt-support-min-width problem do you Brucie? One that doesnt involves
    javascript?

    Hoping,


    Deryck
     
    Deryck, Oct 19, 2004
    #10
  11. T.J.

    brucie Guest

    In alt.html Deryck said:

    > I dont suppose you have a fix/hack/kludge for the
    > IE-doesnt-support-min-width problem do you Brucie?


    never bothered looking for one. do people still use IE?


    --


    v o i c e s
     
    brucie, Oct 19, 2004
    #11
  12. T.J.

    T.J. Guest

    "Deryck" <> wrote in message
    news:...
    >
    > "brucie" <> wrote in message
    > news:181mehxun16ve$...
    >> In alt.html T.J. said:
    >>
    >>>> min-width:whatever; on the element you want to restrict.

    >>

    > I dont suppose you have a fix/hack/kludge for the
    > IE-doesnt-support-min-width problem do you Brucie? One that doesnt
    > involves javascript?
    >
    > Hoping,
    >
    >
    > Deryck
    >


    Cheating I know ;o) but this works in IE
    <img src="whiteline.jpg" height="0" width="550" alt="">
     
    T.J., Oct 19, 2004
    #12
  13. Deryck wrote:

    >
    > "brucie" <> wrote in message
    > news:181mehxun16ve$...
    >> In alt.html T.J. said:
    >>
    >>>> min-width:whatever; on the element you want to restrict.

    >>

    > I dont suppose you have a fix/hack/kludge for the
    > IE-doesnt-support-min-width problem do you Brucie? One that doesnt
    > involves javascript?


    There's one that goes along the lines of:

    body {
    width:500px;
    }

    html>body {
    width:auto;
    min-width:500px;
    }

    all to do with ie not recognising child selectors and treating width as
    min-width. I can't say how effective it is though.

    --
    frostie
    http://brightonfixedodds.net
     
    Robert Frost-Bridges, Oct 19, 2004
    #13
  14. T.J.

    Deryck Guest

    "brucie" <> wrote in message
    news:...
    >
    >> I dont suppose you have a fix/hack/kludge for the
    >> IE-doesnt-support-min-width problem do you Brucie?

    >
    > never bothered looking for one. do people still use IE?
    >

    Fraid so, about 95% of them apparently :(
     
    Deryck, Oct 20, 2004
    #14
  15. T.J.

    Deryck Guest

    "Robert Frost-Bridges" <> wrote in message
    news:...
    >
    > There's one that goes along the lines of:
    >
    > body {
    > width:500px;
    > }
    >
    > html>body {
    > width:auto;
    > min-width:500px;
    > }
    >
    > all to do with ie not recognising child selectors and treating width as
    > min-width. I can't say how effective it is though.
    >

    Thanks Frostie. Yes Ive seen that one. I think it means that you lose the
    functionality of width in IE though.
     
    Deryck, Oct 20, 2004
    #15
    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. Tony
    Replies:
    4
    Views:
    2,149
    Andy De Petter
    Nov 27, 2003
  2. rich
    Replies:
    0
    Views:
    724
  3. Jakub Åukomski

    mousemove for overlapping divs

    Jakub Åukomski, Jun 12, 2006, in forum: Javascript
    Replies:
    2
    Views:
    117
    Jakub Åukomski
    Jun 13, 2006
  4. maya
    Replies:
    4
    Views:
    243
  5. Adam
    Replies:
    3
    Views:
    639
    Thomas 'PointedEars' Lahn
    Mar 4, 2008
Loading...

Share This Page