Jump to content


 


Register a free account to unlock additional features at BleepingComputer.com
Welcome to BleepingComputer, a free community where people like yourself come together to discuss and learn how to use their computers. Using the site is easy and fun. As a guest, you can browse and view the various discussions in the forums, but can not create a new topic or reply to an existing one unless you are logged in. Other benefits of registering an account are subscribing to topics and forums, creating a blog, and having no ads shown anywhere on the site.


Click here to Register a free account now! or read our Welcome Guide to learn how to use this site.

Photo

CSS IE and FF differences


  • Please log in to reply
3 replies to this topic

#1 Mead

Mead

  • Members
  • 55 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:07:12 PM

Posted 24 November 2010 - 10:29 PM

OK, I am having a touch of troble. My website looks fine in IE8 (What I designed it in), and when I give it to my friend in FF, it breaks. You can test it here. I don't know what the deal is. I ask these things...

1) Test in it your browser.
2) Take a screenshot
3) Post it here so I can see what the problem may be.

If it helps, here is my CSS along with the HTML and images: http://dl.dropbox.com/u/9942053/website.zip


Thanks, guys! Please help me out! I need my website to be cross-platform.

BC AdBot (Login to Remove)

 


#2 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:08:12 PM

Posted 24 November 2010 - 10:51 PM

The secret (in most cases) to cross-browser compatibility is to make sure you are actually writing valid HMTL. You have no doctyped description, so the browser has to guess how it is supposed to parse the web page. Here is a validator to get you started.

In CSS, there is no 'center' attribute for float. The only valid attributes are left, right, inherited, and none.

In summary, you do not have valid code. You can't expect the browser to guess what you want; you have to tell it, and you have to use correct HTML. Fix it, and everything should be fine.

I need my website to be cross-platform.

You mean you need it to be cross-browser compatible. A web page doesn't know if it is running on a Linux system or a Windows system (which is the platform).

#3 Mead

Mead
  • Topic Starter

  • Members
  • 55 posts
  • OFFLINE
  •  
  • Gender:Male
  • Local time:07:12 PM

Posted 26 November 2010 - 12:38 AM

Thank you for the reply.

I don't know how to set up a doctype. w3schools doesn't really go into that all that much (It has one page, but doesn't describe it very well), which is where I learned HTML.

Are there any other places where I used invalid code?

And yes, I meant cross-browser compatibility. As you may have figured out by the website, I'm a programmer, not a web-designer. I'm used to saying cross-browser.

#4 groovicus

groovicus

  • Security Colleague
  • 9,963 posts
  • OFFLINE
  •  
  • Gender:Male
  • Location:Centerville, SD
  • Local time:08:12 PM

Posted 26 November 2010 - 09:04 AM

If you right-click on this page and select 'view source', you can see at the top of the source code what a doc-type declaration is supposed to look like. I can't comment on any other possible errors because your page is taking forever to load.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users