How to prevent left “post” section from dropping off?


Tags: css

Problem :

I've got an issue with my blog. When the browser window is narrowed down just so, the left part of the page (the "posts" area), drops. You can see it in action here:

http://www.itscodingtime.com/

Just drag the right-side of the browser to the left, narrowing the browser width, and it happens.

I can post the CSS if needed (let me know), but I've basically got one side of the page floated to the left and the other to the right. I think I need to use a clear (or maybe not) somewhere, but I'm not sure.

So, how can I keep the "posts" section from dropping off? I'm OK setting a min width across the whole page if that's what will keep it from happening.



Solution :

This should do it:

#wrap, #content-wrap{min-width:1018px;}

Of course, min-width is not supported in IE6. I'd add this to get around it:

<!--[if lte IE 6]><style type="text/css">#wrap, #content-wrap{width:1018px;}</style><![endif]-->

    CSS Howto..

    How is it possible to modify the gap between a bullet and its list text?

    Quick beginner CSS, how to “scope” styles?

    Jquery slider; made the container transparent, how do I hide the image overflow?

    How to float: top?

    How to display clicked on/off SVG icon from admin panel page and display result on a different page

    How to Make Text Stay Inside Div?

    CSS - how to align text and an image vertically?

    How to make a smooth dashed border rotation animation like 'marching ants'

    how to auto adjust table td width from the content

    CSS - how to position content data-title

    How to properly wait for browser reflow/repaint to finish

    How to change tooltip color on open using jQuery UI Tooltip?

    Text and image in div - How to align correctly?

    How to make accessible h1 with logo

    CSS : How to make two column right fluid left fluid depend on right

    HTML - How to put text over a white background over a background image

    How can I integrate the code from this pen onto my site?

    How do I make half a hexagon shape using CSS with a border over a rectangle with a border with an image in the middle of the half hexagon

    How to set css cursor value to variable within jQuery?

    How to remove line between two diagonally opposite css scalene triangles?

    jQuery & CSS - How to stop a relative element from floating left and right (when you're scrolling)?

    How can I change the paragraph formatting in the SharePoint RichHtmlField

    How to Slant/Skew only the bottom of the div

    How to indent text in a select drop down menu using PHP & CSS? [REPHRASED]

    When I print my webpage I lose all the css colouring. Is there an option or script to print a webpage exactly how it looks?

    How to vertically align the text into a coloured div using CSS?

    How do I know when to use a Class, an ID or HTML5 to make layouts in HTML using CSS? [closed]

    Android Crosswalk Project: How to use css?

    How can I center a box in CSS?

    How to test CSS selector performance?