View Full Version : FF vs IE Vertical Alignment Problems

12-19-2005, 04:43 PM
Ok, I can't seem to make the text aligned vertically in both browsers its driving me crazy.

link removed

12-19-2005, 04:52 PM
Ok, I've modified your style sheet to look like this. Basically what was happening was that Firefox and IE were treating some of your margins/padding differently. I've removed some of the needless padding/margin definitions that were in your original stylesheet.

Also, as another note, in CSS you do not need to put URLs in quotes, so I've also removed those from your stylesheet.

Modified stylesheet:
body {
background-image: url(http://www.gotclam.com/fsmedia/images/bg.gif);
background-repeat: repeat-x;
background-color: #0B0B0B;
text-align: center;

#pageContainer {
width: 705px;
margin-left: auto;
margin-right: auto;
text-align: left;

#banner {
background-image: url(http://www.gotclam.com/fsmedia/images/banner.gif);
width: 705px;
height: 96px;

#menu {
background-image: url(http://www.gotclam.com/fsmedia/images/menubg.gif);
width: 705px;
height: 37px;

#top {
background-image: url(http://www.gotclam.com/fsmedia/images/contenttop.gif);
width: 705px;
height: 170px;
z-index: 0;

#content {
width: 705px;
top: 15px;
position: relative;

p.rightContent {
margin: 0;
padding: 0;
margin-left: 270px;

Your HTML code can remain the same.

12-19-2005, 04:59 PM
I've added it, but I can't test in FF right now as I am at school, however the IE height did not change. What does it compare as in FF?

12-19-2005, 10:20 PM
After adding a top margin it aligns correctly, thanks so much!