Minimum width

  • symantix

    (@symantix)


    21 years, 11 months ago

    Is there a way to create a style to where the width of the content is based on the width of the window (%), but there is a minimum width, so that it can’t get any narrower than, say 600px? My blog has a lot of photography in it, and on lower resolution monitors, it looks really crazy, because the content space gets really narrow, but the pics stay the same width, so the menu on the left side starts overlapping the images.
    Any ideas how to do this, or any other ideas as to what I can do to solve this problem? I really want an expandable style, because it looks much better on larger monitors when there is a lot of room around the pictures.
    Thanks in advance.
    http://speakbold.com

Viewing 14 replies - 16 through 29 (of 29 total)
1 2
  • Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    Oops. Actually, it only works right in IE. I need to refine this…

    Root

    (@root)

    21 years, 11 months ago

    Well its been nice to talk to someone so quick to grasp where I am going. It made it easy to help. Thanks. Good luck.

    Root

    (@root)

    21 years, 11 months ago

    Yes you’ve got padding and margins in the floated divs That needs to go or be nested. I generally apply margin to the #menu ul and .post. No need to have anything in the floated elements except the width. Period.

    Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    Okay, sure. But that’s not going to prevent the menu from dropping below the content at some point, is it? I need a way to keep that menu fixed to the right of the content.
    The cool thing is, that in Firefox, it *doesn’t* drop like it does in IE; it does exactly what I want it to. So it seems that it should be possible to achieve this effect in both browsers.

    Root

    (@root)

    21 years, 11 months ago

    Yup. It shouldnt drop. Fine tuning needed now. Remember IE calculates the width completely the reverse from nearly every other browser. Im still looking.

    Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    I know what it’s doing. It’s completely ignoring the min-width value set on the rap >:-(

    Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    does the order of the attributes in css matter? Here’s how my rap settings look:
    #rap {
    margin: 0 auto 10px auto;
    text-align: left;
    padding: 0px;
    width: 90%;
    min-width: 910px;
    background-color: transparent;
    }

    Root

    (@root)

    21 years, 11 months ago

    I am just curious. Is the link in your registration here the actual site or are you working on another version? I ask because the menu is still I think absolutely positioned. Plus have I just noticed a whole mess of fixed width tables across the top of the blog?

    Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    http://speakbold.com
    There’s only one table, and it’s not fixed width. And the menu is not absolutely positioned; I promise. Maybe if you did a complete page refresh or cleared your cache?

    Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    ah-ha.
    http://www.svendtofte.com/code/max_width_in_ie/
    min-width is unsupported in IE >:-(

    Root

    (@root)

    21 years, 11 months ago

    Fully refreshed now. We have moved on from min width. Now you are on neg margins. The menu is about 180px. The content should be all the remainder.
    Keep referring to Ryan Brill on the three key divs, and make sure they all match up. Good luck.

    Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    I have to have a minimum width set on the container, because if I don’t, it will become narrower than the images in small windows, causing the image to hang over the edge and intersect with the menu. It’s the combination of the min-width and the neg-margin technique that is the problem here, but there must be a solution. I think the expression property as described in the link I last posted is the solution, but I’m going to have to figure out how to set it up.

    Thread Starter symantix

    (@symantix)

    21 years, 11 months ago

    Whoah. That expression property is unstable. On to the next option, or rather, to figure out what that option is. ;P

    Root

    (@root)

    21 years, 11 months ago

    Its not valid of course. Don’t know whether that is an issue for you.

Viewing 14 replies - 16 through 29 (of 29 total)
1 2

The topic ‘Minimum width’ is closed to new replies.