Browser Differences

[SpdWife]

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?

[Striver]

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_SNAPBACK}>

 

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

[Striver]

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

[SpdWife]

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

<{POST_SNAPBACK}>

 

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!

[Striver]

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!

<{POST_SNAPBACK}>

 

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