Jump to content


CSS issue between firefox and IE


1 reply to this topic

#1 Crazi

    Young Padawan

  • Members
  • Pip
  • 19 posts
  • Gender:Male
  • Location:Waverly, GA

Posted 30 June 2009 - 02:50 PM

Ok my page is having problems having the text sit right on the page when it is siting correctly in IE 8 it does not sit the same on fire fox it sits a few pixels down for some reason

CSS

#content_container #titlecontain {

width:330px;
height:24px;
float:right;
clear:both;
margin-top:-300px;
margin-right:102px;

html

<div id="titlecontain">
<h1>See What We Can Do For You</h1>
</div>

another issue i am having is when you zoom into the page the text gets thrown all over the page does anyone know of a fix for this? if you feel like it please msg me on aim @ kl3pto would be greatly appreciated

#2 Marc

    Young Padawan

  • Members
  • Pip
  • 51 posts

Posted 09 July 2009 - 04:40 PM

Firefox likes to put a little extra padding/margins when dealing with text tags, like <h1> tags or <p> tags. Try adding this to your CSS:

#content_container #titlecontain h1 {
margin:0;
padding:0;
}

Hope that works for you!





1 user(s) are reading this topic

0 members, 1 guests, 0 anonymous users