homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member
Home / Forums Index / Browsers / Firefox Browser Usage and Support
Forum Library, Charter, Moderators: incrediBILL

Firefox Browser Usage and Support Forum

Tables look different in firefox than ie6

5+ Year Member

Msg#: 46 posted 6:09 am on Dec 4, 2005 (gmt 0)


Would someone be able to paste the below html into a file and open it with firefox and ie6. Why do the firefox tables look 3d and grid like and the ie6 tables look flat like they are supposede to.


<table width=100% bgcolor=#F5F5F5 border=1 BORDERCOLOR=#D6D6D6
cellpadding=5 cellspacing=5 style=position:relative;top:3px;>
<td width=100% bgcolor=#EDEDED>
<b>Buyer Details:</b><br>
Name: <span style=position:relative;left:45px;>
<a href=profile.php?id=$id><b>$dname</b></a></span><br>
Location: <span style=position:relative;left:33px;color:black;> $city, $state, $country</span><br>
Joined:<span style=position:relative;left:43px;color:black;> $joined</span><br><br>

Project #: <span style=position:relative;left:30px;color:black;>$pid</span>
<br>Category: <span style=position:relative;left:29px;color:black;>$category</span><br>
Subcategory:<span style=position:relative;left:10px;color:black;> $subcategory</span><br><br>
Title:<span style=position:relative;left:57px;color:black;> $title</span><br><br><br>

<span style=position:relative;top:-9px;>Description:</span> <p id=description>"; echo nl2br($description);echo "</p>

Skills:<span style=position:relative;left:50px;color:black;> $skills</span><br>
Budget:<span style=position:relative;left:40px;color:black;> $budget</span><br>
Deadline: <span style=position:relative;left:29px;color:black;>$deadline</span>






10+ Year Member

Msg#: 46 posted 12:01 pm on Dec 4, 2005 (gmt 0)

I honestly didn't realize that anyone wrote HTML like this anymore. It brings tears to my eyes...

If you're expecting consistent use of borders on tables between browsers, think again. It's usually possible to hack something into existence, but that's what CSS and border are for.

- Choose and use a DOCTYPE [htmlhelp.com]
- Validate your code [validator.w3.org]
- Read the CSS specification [w3.org]
- For heaven's sake, think about what you're writing

I suggest something along these lines (apologies for the lack of tabbing -- the indentation was stripped by the forum).
Fiddle about as necessary to achieve the desired border effects, with reference to the CSS specification re tables [w3.org].

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">  
<title>Demo Table</title>
<style type="text/css">
table {border: thin solid black; width: 100%; }
td{padding-right: 5px; }
th{width: 8em; font-weight: bold; text-align: right; padding: 0 5px 0 5px; }
caption{font-weight: bold; text-align: center; }
.category .toprow th, .project .toprow th, .technical .toprow th {padding-top: 1em; }
.category .toprow td, .project .toprow td, .technical .toprow td {padding-top: 1em; }
<caption>Buyer Details</caption>
<tbody class="personal">
<tr class="toprow">
<td>(city) (state) (country)</td>
<tbody class="category">
<tr class="toprow">
<th>Project #:</th>
<tbody class="project">
<tr class="toprow">
<tbody class="technical">
<tr class="toprow">

Global Options:
 top home search open messages active posts  

Home / Forums Index / Browsers / Firefox Browser Usage and Support
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved