Jump to content


Photo
- - - - -

vmenu shrinks in IE but fine in FF


  • Please log in to reply
8 replies to this topic

#1 PaulCroubalian

PaulCroubalian

    Senior Member

  • Moderators
  • 208 posts

Posted 30 July 2009 - 02:47 PM

Hi All,

I'm not sure if this is the right forum for this problem, but here goes anyway.

The problem is with my site www.innovasource.ca. I am using the INDUSTRIAL_City-Black template, swapped out the header and removed LOGO etc. Now the Header is a single pix 780X180.

The header has, incorporated into it) a bottom band 15 pixels wide to act as a spacer between the header and the VMENU and CONTENT areas. That band has 150 grey pixels (to match the vmenu background) and 630 white pixels to match content.

In FireFox (FF) VMENU stays at 150px but in IE it seems to shrink to about 75, and there's a box with a dot in it over the headline in the CONTENT area.

Probably another tree vs. forest thing, but I can't seem to fix it. Mind you, I'm no HTML guru.

Any help would be appreciated

Thanks

Paul

#2 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 30 July 2009 - 02:56 PM

Adding width="630" in the <td> tag for the content area might do it.

#3 PaulCroubalian

PaulCroubalian

    Senior Member

  • Moderators
  • 208 posts

Posted 30 July 2009 - 03:08 PM

Thanks, better but not quite there. It's still slightly off and there's still that wierd little box.
Here's the code between the body's

<body>
<table width="780" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>
<td colspan="2"><img src="header.jpg" width="780" height="180"></td>
</tr>


<tr>
<td width="150" align="center" valign="top" bgcolor="#CCCCCC" class="pound_vmenu"><p>#VMENU#</p></td>
<td width="630" align="left" valign="top" bgcolor="#FFFFFF" class="pound_content">#CONTENT#
<p align="center">#TMENU#</p></td>
</tr>

<!-- <tr align="center" background="ftr-bg.jpg">
<td colspan="2" style="border-top: 1px solid #000000"><img src="spacer.gif" width="1" height="15"></td>
</tr> -->

</table></td>
</tr>
</table>
</body>

Thanks

#4 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 30 July 2009 - 04:11 PM

Change

width="630"

to

style="width:620px;"

to see if it makes any difference.

#5 PaulCroubalian

PaulCroubalian

    Senior Member

  • Moderators
  • 208 posts

Posted 30 July 2009 - 04:33 PM

Hmmm, Okay that seemed to work.

The white box is still there, but the page is not so dog-meat ugly anymore

I don't mean to impose on your generosity, but why did 620px work when it "should" be 630 (780-150)?

Also what the heck is that white box with a dot in it, and can I get rid of it?

Paul

#6 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 30 July 2009 - 04:38 PM

It is because the class "pound_content" wants to have 5px paddings on left and right, thus making up the missing 10px (real width = width + padding + margin).

#7 PaulCroubalian

PaulCroubalian

    Senior Member

  • Moderators
  • 208 posts

Posted 30 July 2009 - 05:30 PM

Ahhh, got it

Any idea about how to get rid of that box?

#8 lwyau

lwyau

    a soho enthusiast

  • Moderators
  • 5,605 posts

Posted 30 July 2009 - 06:07 PM

I don't see the box with a dot in it...

#9 PaulCroubalian

PaulCroubalian

    Senior Member

  • Moderators
  • 208 posts

Posted 30 July 2009 - 06:20 PM

Thanks, you've solved the problem.

I checked the page to see if there was some reason why it would be possible that you did not see the box. I noticed that I had pasted the headline directly from Word and got a ton of crappy code pasted in with it.

I deleted the text box on the page and re-entered it via the text editor and voila! No more phantom box with a dot in it




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users