...

View Full Version : FF vs IE Vertical Alignment Problems



Riboflavin
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

Reinspire
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;
position:absolute;
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.

Riboflavin
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?

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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum