Hello everyone.
I'm designing a site for a friend of mine and I'm having a few issues.
First off, I'm noticing that there is a difference between the default line-
heights of IE and Mozilla/Firefox. I've tried different things like setting
every line-height to zero 'px' by * {line-height: 0px;}, and it just messed
things up even further as you will see if you click on the link below. Before
the adjustments this morning, everything was lined up perfectly in IE and off
in Firefox. Take a look at the link below.
www.ibtestsite.info
Also, the text for the links and the angular rectangular backgrounds are
separate. In my stylesheet, each word has it's own 'class' because of the
position and color of the text and the rect bkgd images each have their own
class because of their position. Everything has absolute positioning - which
works but I'm told wouldnt' be a good method to use absolute positioning for
everything.
Now I tried to use relative positioning for one word (the second link, the
word 'Our' in Our Look) and it put the word below the rectangular link bkgd??
Why? And this is with the stylesheet code:
our2 {position:relative; left: 30px; top: 0px; color:white; font-size: 80%;
font-family:Arial;}
I would think that because I set "top: 0px;" it would be almost centered.
Anyone know what's going on and how to solve it?