Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Dec 2011
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Problem With Overlapping Div

    A page on my site consists of 2 columns created with css divs.

    The left column is of fixed width, and its position is fixed. The right column is fluid.

    When I reduce the size of the viewport window, the right column will soon overlap into the left column. I do not want this overlapping to occur, as it will make my content unreadable. What css settings should I use to prevent this?

    Thanks in advance.

  • #2
    Regular Coder
    Join Date
    Dec 2011
    Posts
    201
    Thanks
    12
    Thanked 26 Times in 26 Posts
    Most likely you would liek to use float positioning.

    Do you have some code we can look at?

  • #3
    New Coder
    Join Date
    Dec 2011
    Posts
    10
    Thanks
    1
    Thanked 0 Times in 0 Posts
    I now have the solution, which is by using :-

    {
    margin left: xxxpx;
    }

    to create a margin space for the right column div the same width (xxxpx) as the left column.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •