i need to make my page layout compatible with most of teh browsers with a standard look
i have currently made the layout using <table>
how do i make it using css
atatched the sample table design layout
Hi,
If you want us to help you then first you must help yourself and show us what you have learned in CSS so far and what you have come up with. Otherwise we can either recode the thing form scratch for you which means you learn nothing and get the job done for free - which is not why we are here. Or we can just point you in the right direction but we need to know where your ability lies and what you have tried so far.
The diagram you posted looks like a basic 3 column floated layout and as long as you don’t need equal columns it should be pretty straight forward.
Therefore your first task will be to look up and understand floats and the take a look at some 3 column css layouts - there are plenty around. Once you have done a bit of research and have some code to work with then post back here and we will help as much as we can.
If you are an absolute beginner then we can take one step at a time but we do need you to start something on your own first:)
i know css , but not able to manage things properly
i will start with the layout & get back
If you want to learn how to do this, as Paul suggested, you can take a look at this article.
This will help you with the general layout of the page. After that you can add the content of the collumns to the layout.
i have done
but layout differ in browsers
so wanted to know that if i take a table & tehn apply css for table positioning will it work
Hi,
Of course css positioning will work as it is used in the majority of sites built these days. Very few new sites are built with tables for layout.
However it will not work the same as a table site if that is what you are used to and if you are copying table sites exactly then you are going about it the wrong way. You need to design css sites and forget about things like equal columns if possible - although there are methods.
Tables have cells that cannot wrap but css is more fluid and floats will wrap to a new line when the page is squeezed which can upset some rigid designs but of course means content can be available at all screen sizes if done carefully. Tables have good points in that the data is always fixed in a row and columns equalise easily but that is also their drawback.
You can mimic table behaviour with display:table but it is only supported in ie8+.
However none of the above can be achieved unless you study the methods involved. In’s not just a matter of swapping td for div 