Okay. so here it is. i created a 'mockup' file with what i want. Problem is that I have there a menu like div on the right side with red background and fixed width and all what i want that the blue bordered divs to fill up the rest of the space and when i resize the page it stills fills up all the remaining free space and NOT TO go under each other, i want that all 3 with the menu to stay on the same level. Right now th page all it does that when i resize the browser the 3 blue bordered columns will go under each other... CAN ANYBODY HELP???
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <style type="text/css"> /*<![CDATA[*/ html, body { margin: 0; padding: 0; } body { font: 100% sans-serif; color: black; background-color: white; margin: 10px; } p { font-size: 1em; } h1 { text-align: center; } #sidebar { width: 240px; float: right; padding: 5px; border: 1px solid black; } #maincontent { margin-right: 260px; padding: 5px; border: 1px solid black; } #subcontenta { width: 47%; padding: 5px; float: left; border: 1px solid black; } #subcontentb { width: 47%; float: right; padding: 5px; border: 1px solid black; } .clearing:after { content: "."; display: block; clear: both; height: 0; font-size: 0; visibility: hidden; } .clearing { display: inline-block; } /* hide from mac \*/ .clearing { display: block; } /* end mac hack */ /*]]>*/ </style> </head> <body> <h1>3 column, right fixed, left and middle liquid</h1> <div id="sidebar"> <h2>fixed column width</h2> </div> <div id="maincontent" class="clearing"> <h2>liquid column container</h2> <div id="subcontenta"> <h3>sub container a</h3> </div> <div id="subcontentb"> <h3> sub container b</h3> </div> </div> <!-- end maincontent --> </body> </html> Code (markup): cheers, gary
Thats not good, i want that the design the main container remains the same, with the 3 blue bordered columns in it and the fixed width menu on the right. This is totally different
I gave you a perfectly good template. It has a fixed width column on the right and a liquid width container, taking up the rest of the width, on the left. Put as many columns in it as you want. Add your banner to the top, and if you want three columns in the main content area, add one. I am not going to do your job for you, but I'm happy to give you guidance. Which I did. If it isn't enough, it's because you don't have a broad enough knowledge base. As to your cross posting because you're in a hurry; it does not make wasting multiple people's time any less impolite. We are not paid menials. We are professionals giving of our time to help others to improve their skills. We expect you to pull your weight and have respect for those to whom you come asking for help.[1] gary [1] see http://www.csscreator.com/node/17987#comment-78974