Weird resizing issues

[JustinSainton]

So, on my site, there are some major resizing issues.

For some reason, I cannot adjust the margins between the left column and the right column. I am trying to get them pretty close together, and it just isn't working out. Also, in FF, unless I resize the window to around 1024x768, the top box on the right column is offset to the other two boxes in the right column

And in IE, unless the screen size is over 1024x768, the bottom box in the right column is offset.

Concerning the margin issue, I've tried negative left margins on the right column, vice versa for the left column, positive margins on both, I'm not sure what the problem is. I imagine the same thing is causing all of these problems, so, any help would be MUCH appreciated

Anyhow, the site is at:

http://ricktalbott.zaowebdesign.com/livesite/index1.php

CSS is at

http://ricktalbott.zaowebdesign.com/livesite/css/rick.css

Thanks again!

[JustinSainton]

Sorry for the double post, when I submitted it, it asked me to sign in again and then said I posted to an invalid forum, so I retyped the whole thing. My bad.

[JustinSainton]

Well, I solved the main problem by clearing the floats. So easy to forget that step.

Now I just can't figure out the margins.

Any ideas?

[Arbitrator]

The problem appears to be a rendition of the double float-margin bug (http://www.positioniseverything.net/explorer/doubled-margin.html). You can fix it by using a conditional comment to specify a margin half the width of the margin you would normally use for Internet Explorer. Example:

<style type="text/css">
#float {
float: left;
margin-left: 100px;
}
</style>

<!--[if lte IE6]>
<style type="text/css">
#float {
margin-left: 50px;
}
</style>
<![endif]-->

[JustinSainton]

Really? Because the margin issue is the same regardless of browser, I cannot change the margin in either IE or FF.

[hemebond]

.contentWrapper {
width:56%;
}
.contentWrapper1 {
width:26%;
}If I understand your problem correctly, those are the 2 values you need to adjust.

[Arbitrator]

Really? Because the margin issue is the same regardless of browser, I cannot change the margin in either IE or FF.My mistake; this one was just a quick reply. I was looking at the left-side margin which looks double in Internet Explorer so I assumed that was the problem; it's not even the margin you were referring to it seems, heh. Looking at the code, that doesn't appear to be the problem.

[JustinSainton]

@Arb -

No problem, I totally understand. I really appreciate the your reply though.

@heme -

Thanks, I'll see if I cannot work those to make them prettier. Thanks!

[JustinSainton]

All better, heme was right, I just needed to adjust those values to add closer to 100%, and it works out well. Thanks!