Dynadot — .com Registration $8.99

Conflicts of browser

Spacemail by SpaceshipSpacemail by Spaceship
Watch

Albino

Munky DesignsEstablished Member
Impact
17
ok, i have a tbale, if i set its width, it looks messed up in mozilla, and fine in IE.

if i dont set the width, it looks fine in mozilla, but not in IE.

I was wondering if anyone knows a way around this.

here is the code for the page:

PHP:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<table width="100%" border="0" cellpadding="0" cellspacing="0">
  <tr> 
    <td colspan="5">
      <?php include "title.php" ?>
    </td>
  </tr>
  <tr> 
    <td width="198" rowspan="101">
      <?php include "incfiles/leftmenubar.php" ?>
    </td>
    <td width="59" height="50"><img src="menubar/topleft.gif" ></td>


    <td width="479" background="menubar/topmid.gif"> </td>


    <td width="59" height="50"><img src="menubar/topright.gif"></td>
    <td width="198" rowspan="101">
      <?php include "incfiles/rightmenubar.php" ?>
    </td>
  </tr>
  <tr> 
    <td background="menubar/midleftlight.gif" width="59"> </td>
    <td bgcolor="#69ABFF"> </td>
    <td background="menubar/midrightlight.gif" width="59"> </td>
  </tr>
  <tr> 
    <td background="menubar/midleft.gif" width="59"> </td>
    <td bgcolor="#0078C7"> </td>
    <td background="menubar/midright.gif" width="59"> </td>
  </tr>
  <tr> 
    <td width="59" height="50"><img src="menubar/bottomleft.gif"></td>
    <td background="menubar/bottommid.gif"> </td>
    <td width="59" height="50"><img src="menubar/bottomright.gif"></td>
  </tr>
  <tr> 
    <td colspan="3"> </td>
  </tr>
  <tr>
    <td colspan="3"><?php include "incfiles/footer.php" ?></td>
  </tr>
</table>

</body>
</html>

the line broken off on its own is the trouble line

Thanks,
 
0
•••
The views expressed on this page by users and staff are their own, not those of NamePros.
AfternicAfternic
well you should upload the whole site, including images and the other php files. otherwise we cant help you and see what the problem is ;)

PM the url when you uploaded
 
0
•••
Ok, do you know what colspan and rowspan means?

Your table seems to be poorly coded, what you need to do is create a new table from scratch without merging any cells or rows.

From what I can see, you want 5 rows and 3 columns, therefore you should start with this:

Code:
<table border="1">
  <tr>
    <td>top left</td>
    <td>top mid</td>
    <td>top right</td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
    <td> </td>
    <td> </td>
  </tr>
  <tr>
    <td>bottom left</td>
    <td>bottom mid</td>
    <td>bottom right</td>
  </tr>
</table>

That's five <tr>'s and three <td>'s for each <tr>. In other words; 5 rows by 3 columns.

The border is used so you can see where each cell is. When you've set the sizes for the table and cells, then you can merge the side columns together. Which looks like this:

Code:
<table border="1">
  <tr>
    <td rowspan="5">left</td>
    <td>top mid</td>
    <td rowspan="5">right</td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td> </td>
  </tr>
  <tr>
    <td>bottom mid</td>
  </tr>
</table>

The extra cells are deleted so the side columns have room to span.

Hope that helps. ;)
 
0
•••
ok, cheers for the feedback

Rowan W, they are coded fine. I do know what rowspan and colspan are, and, s far as I can see, the only bad coding there is the lack of css.

I realised the problem is with the table width = 100 %. ive set each column to have an exact pixel width, therefor conflicting with the 100%

thanks for the help
 
0
•••
argghh tables some one please kill the tables ;)
 
0
•••
adam_uk said:
argghh tables some one please kill the tables ;)

haha, yea, im not advanced enough in css yet to be able to do it in it, otherwise it would be table free :D
 
0
•••
um it's weird tho like the other time i made a layout and it was perfectly nice and fine in IE then my friend who used mozilla viewed it and was like Wow ur layout's messed up. so i checked it with mozilla and indeed it was. Like i had 2 divs and somehow they got switched around and one got stucked on top of the other when they should be separated. it was just really strange and i dont understand y.
 
0
•••
Appraise.net

We're social

Unstoppable Domains
Domain Recover
DomainEasy — Live Options
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back