Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chris Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Display problems in firefox 1

Status
Not open for further replies.
Dashsa

Dashsa

Programmer
Aug 7, 2006
110
US
hello,
I am having issues with my site not displaying properly in firefox
It looks fine in ie.
you can see the site at
Any tips would be great ... thanks
David
 
Sort by date Sort by votes
Looks equally wrong for me in both browsers. Here's a solution (it goes for both containers, I will focus on the left):

Your container's width is 150px. Your padding on each side is 10px. Altogether the container is 170px. Your background image is 150px and being repeated. That is why it is being repeated at the right side. Same goes with the 500px tall background put over 500px high + 2 * 10px padding, making it 520px high container. Again, it is being repeated.

I would do the following:
- change the padding problem (remove padding or reduce width/height);
- make background not repeating
- move to floats instead of replaced relative positioning;
- think about a more solid solution to having boxes like that.
 
Upvote 0 Downvote
Thanks that makes perfect sense,I thought it had to do with the heading and not having a doctype....
So I added
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/strict.dtd">[/URL]
and that caused the problem you saw in the ie browser so I have removed that and it seems to be fine now...
I will make the changes you suggested and hope that will fix the firefox.
Thanks
Again
P.S you say that I should think about a more solid soloution ... Any tips to get me in the right direction?
Thanks
 
Upvote 0 Downvote
It is good to have a doctype. It will keep your page looking the same (or as close as possible to the same) in different browsers. Sure, it will make your page break in IE to the similar point it is now in FF, but once you fix it for both, it will look correctly in both. So, keep the doctype.

As for the solid solution, google for [google]custom corners css[/google].
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

PeDa
  • Locked
  • Question
Media query: display = none/inline/block 1
Replies
1
Views
723
PeDa
PeDa
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
778
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
901
spamjim
spamjim
Mike Lewis
  • Locked
  • Question
How to refresh a Javascript file in the browser's cache?
Replies
4
Views
1K
Mike Lewis
Mike Lewis

Part and Inventory Search

Sponsor

Back
Top