I would like to know the answer too. Anyone here know what is the right answer to your question. I'll do some research in Google and get back to you if I find an good answer. You should email the people at iContact as they probably know..
First, stay 4.01 stransistional, Ie is happier with it..
Second, get it looking like you wan tin firefox, don't worry about IE. then you can ad some hacks later to get it right in IE. generally when you do this it usually doesn't effect mozilla..
Besides, the page validates now..
So, if I get it all finished in firefox (the whole layout and stuff), then we can just fix it for IE later..
I dont' get why the code isn't working in IE..
I thought IE liked strict better then transitional? I wish IE were better..IE makes me sad..
IE sucks all around. but yes, get it looking good in mozilla/friefox and IE will be fixed later..
IE hate css2 and it doens't do floats an dboxed elemtns very well. it bugs out on them...
Float is part of css2. most of the css you use will be css2...
Oh...I knew that...really..
So, is there a better, less buggy way, to have two blocked thingies next to eachother?..
Nope, you have to live with it unless you go back to tables...
Well, as long as I (with help.
) can get it to work eventually, it's ok. I'm even worse with tables than I am with divs..
You can play around with "display: inline" and see if that works any better for you. I make no promises, though..
I thought you had to use position: relative with floats, or no?..
To make it work in IE do the following..
Remove the margin in the class content4.
Give the footer class an 80% width instead of 67.
Get rid of the right: 10%; in the menu class and add margin:0.
In content2 add these.
Delete margin-top and margin-right: 65%; in content class.
Delete the margins in the image. you can use that to position a image as it is not a block element..
Then it should be like you want in most browsers. stay away form margin to position, that is what the top and left are for. think of margin as padding...
Thanks scoutt, I'll do that tonight when I'm at home..
Um, that part confuses me..
Also, why can't you use margins to position? Don't they work the same as top and left? Do I have to use the position: absolute thing with top and left?..
No, magins are not used to position like that. use top and left to position. no you don't have to use absolute but sometimes it is neccassary..
A image is not a block element like a div tag. using thos emargins on it does nothing. so just delete them. I fyou want to center it then stick it in a div and do it there...
I took those margins off. I think I got the page right..in both browsers...well, you told me what to do, but that's ok..
Well somethign like that I can tell you how to do it without tellin gyou what to do. just look at what we did and go from there next time. don't get rambungshish about margins..
Just remember, margins push away, left,right move..