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 4 of 4
  1. #1
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Exclamation Min-Width & Max-Width Are Not Working In FF...

    I have a three column page setup. I keep running into the problem when I re-size my browser horizontally, the words will run into eachother from column one, which is the navigation, into column two, which is the content area.

    The third column is fine in that it is just an image advertisement and it does not resize.


    The problem is that the first column will run into the second column only when it gets very small. I tried using the min-width and max-width css properties but they did not work.


    For the sizing I have the <div> container that contains my whole page set to 100%. Then I have column one which is floated to the left set to 12%, then column three which is floated to the right set to 18%, then I have the middle column's margins set margin-left:13% and margin-right:20%


    What can I do so the boxes automatically stop at a certain point instead of keep minimizing? I would like the content to resize somewhat, but stop after a certain point.

    Here is an example of what I want to happen, NZBMatrix . com

    ^When you resize that, the columns eventually stop instead of continuing to minimize.



    Thanks for any input.
    I am on my way. :)

  • #2
    New Coder
    Join Date
    May 2007
    Posts
    12
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Do you have a link to the page? In the min heights are you using em/px or % measurements?

  • #3
    New Coder
    Join Date
    Apr 2007
    Posts
    85
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by vanilladesign View Post
    Do you have a link to the page? In the min heights are you using em/px or % measurements?

    In the min heights I am using % measurements.


    I am sorry I do not have a link to the page, is there any way I can recieve help or must I find a way to link to the page?
    I am on my way. :)

  • #4
    Senior Coder koyama's Avatar
    Join Date
    Dec 2006
    Location
    Copenhagen, Denmark
    Posts
    1,246
    Thanks
    1
    Thanked 5 Times in 5 Posts
    Quote Originally Posted by inVINCEable View Post
    What can I do so the boxes automatically stop at a certain point instead of keep minimizing? I would like the content to resize somewhat, but stop after a certain point.
    Set up a min-width for your container. At least it should work in Firefox and IE7. If you cannot get it working then post your complete code.
    Quote Originally Posted by inVINCEable View Post
    Here is an example of what I want to happen, NZBMatrix . com
    That page is using tables. In a table layout you will never see overlap between columns.


  •  

    Posting Permissions

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