ok, so i am familiar with:
display: inline; /* IE6 double float margin bug fix */
but even though i include this in my styling i can not get the footer which consists of two parts: #nav2 and #copy to align correctly in IE6 and IE7
the strangest thing is i have two different PCs. both have the newest version of firefox installed on them and on one pc the footer looks aligned fine and the other pc it is too far left! this is for the newest firefox and they are showing differences in the footer. problems like that make me just want to
if anyone can please help it would be greatly appreciated!
to save yourself time, do a search in the css for “#nav2” and “#copy” to go to the problem as quickly as possible.
although i have a question:
i placed a <div> named “#cont” directly underneath <body> to house all the markup. it has styling of “margin: 0 auto” and “width: 700px” i thought that this would then center everything and i wouldnt have to include “margin-left: auto” and “margin-right: auto” for <div>s like “#header” so i took out the “margin-left: auto” and “margin-right: auto” for “#header” but it then puts content on the left side of the page. i am confused as to why i have to specify a margin of auto for the left and right sides for #header when i already did that for “#cont”
You make it very complicated the way you have things. Place the nav2 and copy in a other wrapper. Make the wrapper 700px wide, just like your slide and give it margin: 0 auto;
The reason that you saw the footer on two different computers a different way is probably because they had two different resolutions or a different size. You give #nav2 margin: margin-left:449px; margin-right:301px;. Those are based on nothing. Like I said make a wrapper div and place both thos divs inside that wrapper and make them floating and play with margins