CSS Layout 2-Column fixed-fluid [closed]

by

There is actually an even easier solution to this which i discovered not too long ago. Works well back to IE7. The #fluid div will slide up next to the fixed fix and take up the remaining space while maintaining great fluidity for all responsive sites.

http://jsfiddle.net/uEj55/1/

#fixed{
  width:150px;
  float:left;
}
#fluid{
  overflow:hidden;
}

More Related Contents:

  1. What is a clearfix?
  2. How to center an element horizontally and vertically
  3. How do you keep parents of floated elements from collapsing? [duplicate]
  4. CSS: Width in percentage and Borders
  5. How can I expand floated child div’s height to parent’s height?
  6. Fixed Table Cell Width
  7. Transform: translate(-50%, -50%)
  8. Position absolute and overflow hidden
  9. Get rid of space underneath inline-block image [duplicate]
  10. Difference between position:sticky and position:fixed?
  11. Can a span be closed using ?
  12. Printing HTML table with many columns/rows using CSS layout?
  13. Can overflow:hidden affect layout?
  14. How do I get a flexbox to have a center fixed and a bottom fixed children together?
  15. Yet Another Divs vs Tables issue: Forms
  16. Balanced text wrapping in HTML
  17. CSS margin pushing the body element
  18. Is it bad design to use table tags when displaying forms in html?
  19. How do I make a text input non-editable?
  20. Can a div have multiple classes (Twitter Bootstrap) [duplicate]
  21. How to center and crop an image to always appear in square shape with CSS?
  22. CSS Border on PNG image with transparent parts
  23. Why would Google use a font tag?
  24. Styling the “ element in CSS?
  25. inline-block element with no text renders differently
  26. Create wavy borders in CSS for top and bottom borders
  27. Prevent ligatures in Safari (Mavericks/iOS7) via CSS
  28. Sizing flex items on the last row
  29. Create tree view with horizontal and vertical lines showing the connectivity using css
  30. How can I get a specific number child using CSS?

Leave a Comment