CODEWITHSUNDEEP
htmlcsscross-browser
Rotimi
Rotimi

Reputation: 303

Browser-Incompatability with image alignment in CSS using YUI grid (Firefox + Opera)

I'm having trouble with the alignment of two images on the footer of my temporary website (http://www.rotimioyewole.com). I'm new to the YUI grid, which I think may be a factor.

It should look roughly like this (works correctly in Chrome and Safari, haven't tested IE yet): (http://cl.ly/44fH)

But on FF and Opera look like this: http://cl.ly/44aO

If I can have some sort of consistency then the website would at least be presentable. Ideally, I would also like to align both images on the same Y axis, as well as the text next to the icons. I had trouble figuring out how to search for a solution..can anybody help me?

Thanks in advance

Upvotes: 0

Views: 217

Answers (1)

ebolyen
ebolyen

Reputation: 966

Add the following

#footer h4
{
text-align:left;
//remove margin-left: 10px;
}

.icon {
float:left;
padding-right: 5px;
vertical-align: middle;
//remove position: absolute;
}

#contact {
text-align: left;
}

This should fix the problem in Firefox at the very least.

Upvotes: 2

Related Questions