div#container { z-index:1; width:780px; padding-bottom:0px; margin:0 auto; [COLOR="red"]<-- Add this to your current css[/COLOR] } Code (markup): Sorry, I may not be able to reply through PMs.
yes, coz you've got your markup wrong and as well as css. You are forcing "div#supportingText" by positioning "absolute" and you have div#supportingText in the wrong place. It can be after the block "preamble". And add float:left to "preamble". Take a look at the http://inspirationsunlimited.co.in/demos/css-layout/2-column-fluid-css-layout.html Code (markup): how the markup is done and the css.
So what can i do now how i can fix this ? where can i edit to make it right i mean where can i add the float:left cause there are many "premble" here ? div#intro div#preamble { position:relative; width:198px; margin:0; padding:0; color:#000000; } div#intro div#preamble h3 { position:absolute; top:15px; right:15px; width: 168px; height: 54px; margin:0; padding:0; } div#intro div#preamble h3 span { } div#intro div#preamble p { margin-left:10px; } div#intro div#preamble p.p1 { padding-top:65px; margin-top:0; } div#supportingText { position:absolute; z-index:10; left:236px; top:137px; padding:0 0 0 0; width:516px; height:395px; overflow:auto; } div#supportingText p { padding-left:35px; padding-right:15px; } div#supportingText div#explanation { } div#supportingText div#explanation h3 { width: auto; height: 15px; margin:10px 0 6px 34px; display:block; } div#supportingText div#explanation h3 span { } div#supportingText div#participation h3 { width: auto; height: 18px; margin:0px 0 3px 34px; } div#supportingText div#participation h3 span { } div#supportingText div#benefits h3 { width: auto; height: 15px; margin:0px 0 6px 34px; } Code (markup):
so how is the website going? just check out some online tutorials and guides. you can handle this... but if all else fails maybe you can hire a freelance web designer for a short time project to make your site look professional.