conflicts of browser

Albino · 08-19-2005, 02:04 AM

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 Code:

 
<!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" ?>

????: NamePros.com http://www.namepros.com/website-development/116785-conflicts-of-browser.html
    </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">&nbsp;</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">&nbsp;</td>

    <td bgcolor="#69ABFF">&nbsp;</td>

    <td background="menubar/midrightlight.gif" width="59">&nbsp;</td>

  </tr>

  <tr> 

    <td background="menubar/midleft.gif" width="59">&nbsp;</td>

    <td bgcolor="#0078C7">&nbsp;</td>

    <td background="menubar/midright.gif" width="59">&nbsp;</td>

  </tr>

  <tr> 

    <td width="59" height="50"><img src="menubar/bottomleft.gif"></td>

    <td background="menubar/bottommid.gif">&nbsp;</td>

    <td width="59" height="50"><img src="menubar/bottomright.gif"></td>

????: NamePros.com http://www.namepros.com/showthread.php?t=116785
  </tr>

  <tr> 

    <td colspan="3">&nbsp;</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,

aween · 08-19-2005, 04:22 AM

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

Rowan W · 08-19-2005, 04:26 AM

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>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td>&nbsp;</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.
????: NamePros.com http://www.namepros.com/showthread.php?t=116785

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>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</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.

Albino · 08-21-2005, 01:00 PM

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

adam_uk · 08-21-2005, 02:02 PM

argghh tables some one please kill the tables

Albino · 08-21-2005, 02:49 PM

Originally Posted by adam_uk

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

Red Eyes Arena · 08-25-2005, 02:17 PM

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.

08-19-2005, 02:04 AM	THREAD STARTER #1 (permalink)
Albino Munky Designs Join Date: May 2005 Posts: 996	conflicts of browser 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 Code: <!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" ?> ????: NamePros.com http://www.namepros.com/website-development/116785-conflicts-of-browser.html </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> ????: NamePros.com http://www.namepros.com/showthread.php?t=116785 </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,

08-19-2005, 04:22 AM	#2 (permalink)
aween Pro Coder & Designer Join Date: Apr 2005 Location: Netherlands Posts: 967	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 __________________ aween web development

08-19-2005, 04:26 AM	#3 (permalink)
Rowan W NamePros Regular Join Date: Dec 2004 Location: QLD, Australia Posts: 713	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. ????: NamePros.com http://www.namepros.com/showthread.php?t=116785 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. __________________ Flash is bad for websites Why tables for layout is stupid IE IS BAD

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Acoo Tabbed Browser for IE	dgridley	Free Resources	0	06-16-2005 11:47 AM
msn.com? new browser???	LeeRyder	The Break Room	7	04-22-2005 09:29 AM
2 Huge Name Forsale	Vegas Entertainment	Domains For Sale - Make Offer	9	09-21-2004 02:37 PM
Get YourCompanyName Branded Browser for your customers	uv3net	For Sale / Advertising Board	0	01-22-2004 11:12 AM

08-21-2005, 01:00 PM	THREAD STARTER #4 (permalink)
Albino Munky Designs Join Date: May 2005 Posts: 996	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

08-21-2005, 02:02 PM	#5 (permalink)
adam_uk Senior Member Join Date: May 2003 Posts: 2,187	argghh tables some one please kill the tables

08-25-2005, 02:17 PM	#7 (permalink)
Red Eyes Arena NamePros Member Join Date: Aug 2005 Posts: 198	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.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)