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 sizbut on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

CSS Positioning Crap in Opera in Firefox - great in IE

Status
Not open for further replies.
Modica82

Modica82

Technical User
Jan 31, 2003
410
GB
Hi all,

I have been having problems with some positioning issues, The site looks great in IE, but in Opera and Firefox nothing seems to work. The link below is to a page that has this problem. When i remove the "Request More Information " box the page formats correctly in all browsers, with this box in, i recieve crap formatting in Opera and Mozilla?


Any know what i need to do??

Thanks,

Rob

---------------------------------------
 
Sort by date Sort by votes
I'd start by putting a complete DOCTYPE in. See here for a list:


You would probably want this one:

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]

You might find that you have to rework some CSS, but you'll be more likely to get consistent results across browsers.

Hope this helps,
Dan


[tt]Dan's Page [blue]@[/blue] Code Couch
[/tt]
 
Upvote 0 Downvote
Hi Dan,

Have done that, and it seems to mess it up in IE too now. but the behaviour is still different accross the browsers, i am still getting the formatting issues in Opera and Netscape, i have not uploaded, but this beginning to fustrate now.

Rob

---------------------------------------
 
Upvote 0 Downvote
I can't see any tabular data here. Also, the page is not really that hard to code correctly. After you have added the doctype, your page will look almost identical in IE6 and other browsers. If you're using (and have to support) ancient IEs like 5.0 or 5.5, you will need to tweak it for them, but you should start with FF and Opera and correct mistakes that arise in IE. Ask specific questions that bother you on the website and we will help you with them.
 
Upvote 0 Downvote
Rob,

When you try the other browers - are they on the same monitor?
Such as are you using computer A for IE
and computer B for whatever
Or are the browers on the same PC and thus the same monitor resolution?
 
Upvote 0 Downvote
Open your site in FF, then use the Developer's toolbar to dislay the outline of the divs. At least from there you can see the extent of the problem caused by using spacer gifs instead of CSS positioning

________________________________________________________________
If you want to get the best response to a question, please check out FAQ222-2244 first.
'If we're supposed to work in Hex, why have we only got A fingers?'
Drive a Steam Roller
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
814
spamjim
spamjim
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller
jizzer
  • Locked
  • Question
HTML/CSS Image map with multiple tool-tips
Replies
3
Views
1K
spamjim
spamjim
Expoverse
  • Locked
  • Helpful tip
Solution to CSS Two Level Horizonal Menu 1
Replies
1
Views
811
pmonett
pmonett
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
635
PeDa
PeDa

Part and Inventory Search

Sponsor

Back
Top