Webdeving for Different Browsers ?!?!

Pho3nix

The Legend
Joined
Jul 31, 2009
Messages
32,826
Reaction score
3,033
Location
On the toilet
Hi guys,

I've created a site but on FF and Chrome there seem to be borders showing up while on IE there are none to speak of.
There are no borders at all on said pages but it still seems to be showing up as a border for said table. Hope I'm making sense :o

Any assistance you guys can give me?
 
Welcome to the wonderful world of cross-browser compatibility.

Install Firebug for FF and use Chrome's developer tools and see where the problem lies. Also use IE's dev tools and render the site for the different versions of IE, as these will also differ.
 
And if you still don't come right, give us a link to the site so we can take a look.
 
Ensure the following is at the top of your page, to force IE into compliance mode :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
Sometimes this is a problem with IE.... at times you will have to write css files for IE and {not-IE}.
 
Sounds like you are getting borders in FF/Chrome around the table.
What style attributes are you using?

are you doing:

<table borders="0">

or

<table style="border-style:none;">

I have seen FF put borders around things like <a><img source="picture.jpg"></a> whereas the other browsers don't unless you use the border-style:none property
 
It's showing up correctly in IE but not in the other browsers
More likely that it's showing up correctly in FF and Chrome but not in IE, although the latter may show what you actually wanted.
 
Top
Sign up to the MyBroadband newsletter
X