css - how to get floated divs to stack when you zoom in


Tags: css,stack,inline

Problem :

In this responsive design I am trying for, I have three divs floating side-by-side, which get narrower and narrower when you zoom in on them. I would like them to keep their size and stack instead. How do I do this? I am beginning jquery, but for this would prefer to stick to css if possible.

Here is the relevant styling I have for the divs and their parent container div:

#container {
margin-left:auto;
margin-right:auto;
width:110%}

.floating-div {
width:27%;
min-width:27%;
height:420px;
float:left;}

Thanks for reading~



Solution :

solved it. I changed width % to px for the floating div.


    CSS Howto..

    How do I turn a string into a “selector”?

    how can i change value of transform with jQuery?

    How to define a Click handler function for multiple elements at the same time

    How to create a fluidic list using css

    How to implement cross-context CSS image cursors?

    How do I position this image using CSS so it overlaps a div but displays inline?

    How to use one popup box to display arbitrary number of information respectively?

    How do I remove the text underline (that I set myself) from a on hover?

    how to animate with CSS?

    How to animate CSS resize?

    How Can I Hide *Only* the Button (Not Entire Element) for the Input Type File in a Django Form? [duplicate]

    How can I fix the footer to dynamically change with height of the grid sections as they increase?

    How to mask semi circles inside a rectangle and mask through css?

    How to create a vertical linear gradient for a GTK separator

    Nginx server (not showing changes) - Delete cache?

    CSS: Changing div's property on another div's a:hover. Possible ? How?

    How to make div elements inside a div background image responsive using css

    How Do I Make Li Clickable for Radio Button Inside

    How browser renders HTML

    How do i shift the text in twitter bootstrap navbar to center?

    how to activate the functions of a div in css after focusing in a textbox in asp.net?

    Maintain border-spacing when using show() on a display:table element hidden with display:none

    How to add styles to wordpress default menu

    How to fix this css float problem?

    why is my css speech bubble displaced so frequently? How can I prevent this?

    how to make changes permanently to css elements with -moz-transform?

    How to access lower children using > operator?

    How to create item detail view with css

    How can i unify 2 images with drag and drop?

    How to make CSS visible only for Opera