iPixel Posted January 9, 2013 Share Posted January 9, 2013 I'm trying to figure this out... i have a 3 column layout and i need the center column to resize automatically as the browser shrinks. The idea here is to NOT use @media queries and pixel breakpoints. Which is why the #wrapper & #mid divs are set to 100% width. However the issue is that instead of the center column getting thinner, all the columns just pop down. My CSS bl0wz, so any help would be appreciated. Below is what i have so far. <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Some title</title> </head> <style type="text/css"> html, body { padding:0px; margin:0px; } #wrapper { max-width:1024px; width:100%; padding:0px; margin:0 auto; background:#CCC; } #left { float:left; max-width:190px; min-width:190px; width:190px; height:500px; background:#9CF; } #mid { float:left; max-width:644px; min-width:190px; width:100%; height:500px; background:#9C6; } #right { float:left; max-width:190px; min-width:190px; width:190px; height:500px; background:#CC6; } </style> <body> <div id="wrapper"> <div id="contentpad"> <div id="left">Left</div> <div id="mid">Middle</div> <div id="right">Right</div> </div> </div> </body> </html> Link to comment https://forums.phpfreaks.com/topic/272899-responsive-center-column-help/ Share on other sites More sharing options...
iPixel Posted January 9, 2013 Author Share Posted January 9, 2013 Hmm found this... should help. http://www.cutcodedown.com/for_others/enormousRodent/template.html Link to comment https://forums.phpfreaks.com/topic/272899-responsive-center-column-help/#findComment-1404447 Share on other sites More sharing options...
iPixel Posted January 9, 2013 Author Share Posted January 9, 2013 Ok it helps, but i cant for the life of me get any padding on the left and right side. I need a container thats 1010px wide and the columns should be like so: (including 10px margins). 10px 190px 10px 570px 10px 190px 10px. Any ideas? Link to comment https://forums.phpfreaks.com/topic/272899-responsive-center-column-help/#findComment-1404505 Share on other sites More sharing options...
cpd Posted January 9, 2013 Share Posted January 9, 2013 Take a look at Bootstrap css. Its really nice. Link to comment https://forums.phpfreaks.com/topic/272899-responsive-center-column-help/#findComment-1404507 Share on other sites More sharing options...
iPixel Posted January 9, 2013 Author Share Posted January 9, 2013 I've looked at a few responsive grid frameworks. However, their samples and how they work dont exactly seem to allow me to do what i ideally need. I know they can allow me to do my 3 column layout easily... But will these still work while being nested within other divs. The above example was a very stripped down version. Link to comment https://forums.phpfreaks.com/topic/272899-responsive-center-column-help/#findComment-1404514 Share on other sites More sharing options...
Dhanraj Posted November 4, 2022 Share Posted November 4, 2022 Warning: odbc_connect(): SQL error: [Microsoft][ODBC Driver Manager] Data source name not found and no default driver specified, SQL state IM002 in SQLConnect in G:\USBWebserver v8.6\root\ecom_ele\ecom_ele\bTOb\admin\odbc_config.php on line 13 bool(false) Fatal error: Call to undefined function odbc_connect_error() in G:\USBWebserver v8.6\root\ecom_ele\ecom_ele\bTOb\admin\odbc_config.php on line 17 Link to comment https://forums.phpfreaks.com/topic/272899-responsive-center-column-help/#findComment-1602219 Share on other sites More sharing options...
Barand Posted November 4, 2022 Share Posted November 4, 2022 1 ) Why are you appending this post to a 9 year old topic? 2 ) What has you post got to do with CSS? Link to comment https://forums.phpfreaks.com/topic/272899-responsive-center-column-help/#findComment-1602220 Share on other sites More sharing options...
Recommended Posts