Jump to content

Browser Differences


SpdWife
 Share

Recommended Posts

Okay I'm gonna throw out another stupid question that has been driving me a little nutty. I just now realized after doing some reading on the forums that websites look different in different browsers. So I downloaded Netscape and Firefox. Yikes!

 

Below is what I got.

 

Why are the horizontal lines different thicknesses in the other two browsers? I would like them all to look like it does in IE. Any advice?

post-6376-1113449595_thumb.jpg

Link to comment
Share on other sites

Okay I'm gonna throw out another stupid question that has been driving me a little nutty. I just now realized after doing some reading on the forums that websites look different in different browsers. So I downloaded Netscape and Firefox. Yikes!

 

Below is what I got.

 

Why are the horizontal lines different thicknesses in the other two browsers? I would like them all to look like it does in IE. Any advice?

 

Ok...first off you can't use the cellpadding or cellspacing in tables if you want things to look the same in every browser. Some add the padding to the inside, holding your width and height while reducing the content text. Others add that spacing to your dimensions.

 

Some browsers require some form of content in a cell before they will even show the cell at all. You can pick up more tips about the differences in my html tutorial http://www.verchi.com/tech/html/index.htm

 

I particular check out the page on tables

 

Lee

Link to comment
Share on other sites

Here is another page you might find interesting

 

http://www.verchi.com/prose/wind.htm

 

Those dorian columns are actually tables and they show exactly the same in NN, IE, or FF. I often use a transparent, 1 pixel gif file, dimensioned to the size of the line I want. But you need to suround it with center tags every time because if you don't it sometimes adds space in some browsers.

 

Lee

Link to comment
Share on other sites

Here is another page you might find interesting

 

http://www.verchi.com/prose/wind.htm

 

Those dorian columns are actually tables and they show exactly the same in NN, IE, or FF. I often use a transparent, 1 pixel gif file, dimensioned to the size of the line I want. But you need to suround it with center tags every time because if you don't it sometimes adds space in some browsers.

 

Lee

 

Thanks for the links, I thought I pretty much had tables down, guess not, I'm reading through your tut now, it's a tad late for me to mess with html now, I'd really screw the page up LOL. But I'll go through your tuts and see if I can fix my little problemo. Thanks again!

Link to comment
Share on other sites

Thanks for the links, I thought I pretty much had tables down, guess not, I'm reading through your tut now, it's a tad late for me to mess with html now, I'd really screw the page up LOL. But I'll go through your tuts and see if I can fix my little problemo. Thanks again!

 

It's never too late to mess with HTML! ;) You should have no problem fixing the html on that. What you are doing is fairly similar to my top nav bar. Here is a link to a test page with just the nav bar.

 

http://www.verchi.com/test1.htm

this is what the code looks like

 

><table border="0" cellpadding="0" cellspacing="0">
 <tr>
   <td width="470" bgcolor="ffffff">
<center><img border="0" src="images/b.gif" alt=" " width="1" height="2"></center>
   </td>
 </tr>
 <tr>
   <td width="470" height="16" bgcolor="cccccc" align="center">
<font size="1"> </font>
   </td>
 </tr>
 <tr>
   <td width="470" bgcolor="333333">
<center><img border="0" src="images/b.gif" alt=" " width="1" height="2"></center>
   </td>
 </tr>
</table>

 

I'm just using colors a tad different from you to create a 3D effect but otherwise this is exactly what you want to do.

 

Lee

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...