How to Do This?

Hey DP Members

I wanted to know how I can make the columns in wordpress expandable depending on one's screen resolution.

Do I edit it in the css?

Or in the index? Or where?

Any help is appreciated.

 

its either you use html <table>
or css containers.. but i prefer more on the html <table>, just to minimize cross browsing bugs in design

 

Thanks for the reply

So I have ID'ed my css container and when I enter the width as auto it still doesn't automatically expand.

Any clues?

 

#yourid {
width: 100%;
}

Code (markup):

 

use percentage...

table width="80%" etcc...

 

While learning how to use floating layouts (layouts that size themselves to the user's screen resolution), don't edit an existing CSS style. 'Cause all the items in the stylesheet would be inter-related and would behave differently.

Try to get the hang of it by making a small layout of your own. Once you know what to do, then edit the CSS you need.

Using the %age values is the right thing. However, your main container must also be in %age and you can have the child containers as auto. I suggest you do some trial and error changes.