Need help with a CSS code?

floatleft drift:left;
padding-left:35.55%;
clear:both;
location:absolute;

#floatright drift:right;
padding-left:58%;
clear:both;
location:absolute;

My concern is im trying to find two widgets hand and hand in the center of the page that dont overlap as soon as screen makes smaller the only way i discover how to overlap will be position as well as float although whenever we do these they overlap each other.

Sorry, but floats along with other content may shift and/or overlap when the browser’s viewport is actually smaller versus content around the page.Since floats eliminate content from the normal record flow, it’s going to overlap when the browser’s eye-port is compact enough.

Using float and overall positioning will nothing since browser uses a final style in line.You need to do this kind of with floats, use 3-divs.Some may be the key container for that other not one but two.The additional two may be floated left/right using a width set fixed and also using percents.

CSS…

#wrap
width:XXXpx;
border:0 automobile; /* stores wrap */

#float-left
drift:left;
width:XX%;

#float:suitable;
width:XX%;

.clear
clear:both;

HTML CODE…

Make use of the “clear” when needed.Recommend that you simply add edge temporarily for the people 3-divs to help you to see the shapes.Then modify the left/right floated divs to the width to fit the wrapper div.

Choosing Dimensions to your Web Internet page Layout:

Searching for the Holy Grail:
http://www.alistapart.com/articles/holygrail/

http://www.elated.com/articles/choosing-dimensions-for-your-web-page-layout/
Tips on how to create variable sites rapidly using criteria like CSS in addition to XHTML:
http://www.ibm.com/developerworks/web/library/wa-rapid/

960 Grid Procedure:
http://960.gs/

Treatment With Font Sizing:
http://www.w3.org/QA/Tips/font-size

Ron

You’re beautiful.Thank everyone for BA.

Ron

/question/accuse_write; _ylt=A0WTZVsXLNBN6lgA_zly7hR.; _ylv=3qid=20110513213440AAM0yEo&kid=MZhxCG67EGTwcBI1nD5A&s=comm&date=2011-05-14+11%3A02%3A40&.crumb=ED0lb8QYguE” class=”report-abuse

don’t use padding remaining just work with padding
also try out using px as opposed to %
great luck

Just apply tables

WIDGET 1

WIDGET 2

.widgettb bigger:600px;
perimeter:auto;

.wleft bigger:400px;
.wright bigger:200px;

Setting margins that will auto have to center just about any element (as much time as it’s a fixed width).

You could also attempt to make some sort of fixed width div by using auto margins then put the actual floated elements within it.