liquid CSS issues - rtl, floating and scrollers

Posted by Rani on Stack Overflow See other posts from Stack Overflow or by Rani
Published on 2010-03-12T07:03:36Z Indexed on 2010/03/12 7:07 UTC
Read the original article Hit count: 340

Filed under:

css

|

min-width

|

floating

|

scrolling

hi I want to build a site that will have these restrictions:

RTL direction
vertical scroll on the right side
whole page is floating to the right
page has 2 columns
the right (main) column has min width
the right (main) column has table inside it that can expend in its data and get wider making all other data in the column expend to the same width as well
the sidebar should be on the left side but still floating to the right of the main div
it should fit low resolution so the page will be able to add horizontal scroll if needed
should work in all major browsers
don't use table for constructing the page

Can someone help or direct me? Thanks Rani

© Stack Overflow or respective owner

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More

Related posts about min-width

HTML/CSS: Creating a centered div with a min-width

as seen on Stack Overflow - Search for 'Stack Overflow'
I'd like to have on my page a div which is centered and has a certain width, but which extends beyond that width if required by the content. I am doing this with the following: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html… >>> More
Binding for MinWidth property does not work in Silverlight

as seen on Stack Overflow - Search for 'Stack Overflow'
I have noticed something very unusual today, I need to bind "MinWidth" property of TextBlock to some value, however following example does not work. It only accepts MinWidth at a time of creation, but after that it is not affected at all if LeftWidth property is changed at runtime, however if I bind… >>> More
How to enforce min-width/height of a control to be always visible in WPF?

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I've got an application and I would like to know if there's a way how to keep the whole visual element always visible. I thought that minWidth/minHeight will do that but it only changes the minimal size of the element but it doesn't enforces that the whole visual element is visible. I think… >>> More
Group multiple media queries formed as output of LESS css

as seen on Stack Overflow - Search for 'Stack Overflow'
I was planning to use LESS css in my project (PHP). I am planning to use its nested @media query feature. I find that it fails to group the multiple media queries in the output css it generates. For example: // LESS .header { @media all and (min-width: 240px) and (max-width: 319px) { font-size:… >>> More
CSS Tables & min-width container?

as seen on Stack Overflow - Search for 'Stack Overflow'
<div id="wrapper"> <div id="header">...</div> <div id="main"> <div id="content">...</div> <div id="sidebar">...</div> </div> </div> #wrapper { min-width: 900px; } #main { display: table-row; } #content { display: table-cell;… >>> More