Mac broke my table!

[gerrygerry]

Hi All...

Been away from html for a while... I cant figure out what the problem is. The site looks fine in msie on pc, but msie on mac has problems... the text doesn't appear until the bottom of the sidebar graphic! It's just a simple table...

 <table>
  <tr>
   <td colspan="2">header graphic</td>
  </tr>
  <tr>
   <td rowspan="2">side bar graphic</td>
   <td> TEXT TEXT TEXT </td>
  </tr>
  <tr>
   <td> footer graphic </td>
  </tr>
 </table>

Here's what i want, and im getting on pc...

 +-------------------------------------+
 |               header                |
 +-------+-----------------------------+
 |   s   |                             |
 |   i   |                             |
 |   d   |                             |
 |   e   |           text              |
 |   b   |                             |
 |   a   |                             |
 |   r   +-----------------------------+
 |       |          footer             |
 +-------+-----------------------------+

Here's a url... please post back with ideas!

http://www.aboutcis.com/site/index.php/contact

Thanks all!

-gerrygerry

"I'm doin' a one-nighter for bitin' Ed the mail man... the guy was tryin' to cast a spell on me... like a wizard or something."
"Are you sure about that?"
"I dunno... maybe he was just wavin' ..."

 

[BabyJeffy]

Wow. I'm stumped too! I have found a way to make it look close to how it should... but try as I might I could not solve the specific cause of the problem!

In your table HTML, set the border="1" and the text "shoots back to the top" again. I have tried several combinations of CSS to fix it... to no avail.

I was testing on IE5.2 with MacOSX. If you can sniff this specific version server-side, then maybe deliver 1 instead 0 in the table border. It's a nasty hack.

Anyone else?
Jeff

 

[Vragabond]

I presume

<td valign="top"> TEXT TEXT TEXT </td>

was tried? I cannot be of much help since I cannot test on Mac.

 

[gerrygerry]

yep - tried the valign... but it didn't help

Any other ideas folks? i dont have a mac to test on, just

http://www.fundisom.com/g5/,

and it can only do so much!

Thanks for all your help!

-gerrygerry

"I'm doin' a one-nighter for bitin' Ed the mail man... the guy was tryin' to cast a spell on me... like a wizard or something."
"Are you sure about that?"
"I dunno... maybe he was just wavin' ..."

 

[BabyJeffy]

Gotcha! Removing this line makes it all good...

body, td, p, a, h1, h2, h3, div {
  background-color: #000000; 
  font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
  font-size: 10pt;
  color: #FFFFFF;
  [COLOR=red]vertical-align: top;[/color]
}

Whilst setting up a test page I was using locally, I found adding the following style saved some space...

p.navigation img {
  border: 1px #000000 solid;
}

And then I simply added the "navigation" class to the <p> tag that contained the navigation buttons.

<p align="center" [COLOR=red]class="navigation"[/color]><a href="about">...

It allows you to remove all the inline styles from those buttons (just a suggestion).

Cheers,
Jeff

 

[gerrygerry]

yeah... the inline was just me trying to fix it

just b4 i read this, i changed the style to:

table, td
 {
  padding: 0px;
  vertical-align: top;
  border-width: 1px;
  padding: 1px;
  border-style: solid;
  border-color: black;
  background-color: black;
 }

some extra code in there, but it works... solution was to set a black border!

Thanks all!

-gerrygerry

&quot;I'm doin' a one-nighter for bitin' Ed the mail man... the guy was tryin' to cast a spell on me... like a wizard or something.&quot;
&quot;Are you sure about that?&quot;
&quot;I dunno... maybe he was just wavin' ...&quot;