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

Css positioned site looks bad in firefox

Status
Not open for further replies.
aaronjonmartin

aaronjonmartin

Technical User
Jul 9, 2002
475
GB
Hi,

Can any of you guys tell me why my page (which uses a table-less css layout) looks fine in IE but bad in firefox/mozilla/netscape?

Here is the link to the page:


Any help with this would be greatly appreciated.

"It's so much easier to suggest solutions when you don't know too much about the problem."
Malcolm Forbes (1919 - 1990)
 
Sort by date Sort by votes
IE box model... Change DTD from "transitional" to "strict" - and page will look the same (ugly) in both IE6 and ff0.8.
 
Upvote 0 Downvote
So is it possible to have it look like it looks in IE currently in firefox?

"It's so much easier to suggest solutions when you don't know too much about the problem."
Malcolm Forbes (1919 - 1990)
 
Upvote 0 Downvote
Yes... for browsers that apply W3C box model (moz, ff, IE6 in compliance mode) this is piece of cake.

To cover IE5.5-, that's another story.
 
Upvote 0 Downvote
Ok so how can i modify my code so it looks good in IE6 (any mode), mozilla and firefox?



"It's so much easier to suggest solutions when you don't know too much about the problem."
Malcolm Forbes (1919 - 1990)
 
Upvote 0 Downvote
Changing from Transitional to Strict won't affect how IE renders the site. What you do need to do is to include a URL in your DOCTYPE declaration:
Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" [COLOR=red]"[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd"[/URL][/color]>
This will cause IE to render in standards-compliant mode instead of "quirks mode", making it easier to keep all browsers in step.

I'm no great expert in CSS layouts, but it does look as though IE's faulty box model is at least part of your problem. See for more. You might also want to look into using the "IE7" script - - to fix this, and other IE misbehaviours.


-- Chris Hunt
 
Upvote 0 Downvote
AFAIK all these DTD's turn on standards-comliant mode in IE6:
Code: 
<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN" "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<!doctype html public "-//W3C//DTD HTML 4.0//EN">
<!doctype html public "-//W3C//DTD HTML 4.0 Strict//EN">
Personally I'm against vanilla browser-specific hacks. IE7 is OK, though.
 
Upvote 0 Downvote
Hi there,

I have similar problem to aaronjonmartin. Hope someone's here able to help me.

I did a site for a client in Dreamweaver & uploaded it. It works perfectly on Internet Explorer. Also, I tested the same site thru Firefox browser, I get this line code at the top of page. I got the codes about changing the DTD from "transitional" to "strict" from this forum. Nothing happens, but still the same.

Here's this code that causes the problem:

<%@LANGUAGE="VBSCRIPT" CODEPAGE="1252"%>

I have iFrame done on the site. The site was coded in Javascript. I've learnt Firefox's code was embedded in Javascript. Dunno why this causes the problem.

Any help would be greatly appreciated.


 
Upvote 0 Downvote
That seems like a server problem. That line should have been executed on the server and client should not see it. Either there's something wrong with the format of the line or server's parsing it.
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

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
814
pmonett
pmonett
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
816
spamjim
spamjim
PeDa
  • Locked
  • Question
CSS two level horizontal menu
Replies
0
Views
642
PeDa
PeDa
soni21
  • Locked
  • Question
JavaScript String to Number Conversion in HTML: Seeking Clarification
Replies
4
Views
1K
Chris Miller
Chris Miller

Part and Inventory Search

Sponsor

Back
Top