Re: [css-d] floats making rows, not columns.

nooluyo? wrote: understood, it's working right now. but the problem is: how can i tell the width should be 100%-250px. :) because left column should be 250 px. and right column should be whatever there's left screen space. Don't float the right column, just give it a margin-left of 250px.

[css-d] floats making rows, not columns.

This page should be something like this: Featured MagazinesMust Read Headline but everything keeps going under Featured Magazines Section. You can see by yourself @ http://www.alpalp.com/css3/tablecss.html

Re: [css-d] floats making rows, not columns.

the problem is your width: 100%; here: .mustread{ float:left; width:100%; text-align:left; } if you tell it to be 100% width, it is going to bump down until it can take up the whole 100%. whatever width you specify needs to take into account the other columns you want.

Re: [css-d] floats making rows, not columns.

nooluyo? wrote: This page should be something like this: Featured MagazinesMust Read Headline but everything keeps going under Featured Magazines Section. You can see by yourself @ http://www.alpalp.com/css3/tablecss.html what is wrong; i've already gave

Re: [css-d] floats making rows, not columns.

understood, it's working right now. but the problem is: how can i tell the width should be 100%-250px. :) because left column should be 250 px. and right column should be whatever there's left screen space. thanks, alp cj wrote: the problem is your width: 100%; here: .mustread{

Re: [css-d] floats making rows, not columns.

It looks like the width on mustread is set to 100% - too wide to fit in the available space after the 1st column. Set it to something less than the page width minus the 1st column. Btw, I find that setting borders on things really helps to debug problems like this - you can see just what's