Cross-Browser - Acceptance of text over image...

Firefox and Safari don't like my method of overlay...

Page 1 of 1

1 Replies - 1530 Views - Last Post: 15 July 2010 - 04:47 AM

#1 JiminSA  Icon User is offline

  • New D.I.C Head

Reputation: -2
  • View blog
  • Posts: 15
  • Joined: 25-November 09

Cross-Browser - Acceptance of text over image...

Posted 15 July 2010 - 04:39 AM

I am using a text overlay on a background image, viz:-

<div id="content">
<!--start content text-->
<TABLE BORDER="0" cellpadding="0" CELLSPACING="0">
<TR>
<TD WIDTH="1044" HEIGHT="310" BACKGROUND="../images/Countryside/subheader2.jpg" VALIGN="bottom">
<h1>Lynstead Lodge Tariffs.</h1>

The problem is that both Firefox and Safari align the text outside of the page! (to the right).
It is aligned correctly in both Chrome and IE. The offending URL is:- http://lynsteadlodge...es/Tariffs.html

Any ideas?

Is This A Good Question/Topic? 0
  • +

Replies To: Cross-Browser - Acceptance of text over image...

#2 Dormilich  Icon User is offline

  • 痛覚残留
  • member icon

Reputation: 3488
  • View blog
  • Posts: 10,055
  • Joined: 08-June 10

Re: Cross-Browser - Acceptance of text over image...

Posted 15 July 2010 - 04:47 AM

it’s not the heading that is rendered outside the page, it’s the whole content div that is outside due to the float declaration in div#tabs.

fix: declare a clear on the div#content

PS. I think FF and Safari render it correctly

This post has been edited by Dormilich: 15 July 2010 - 04:56 AM

Was This Post Helpful? 0
  • +
  • -

Page 1 of 1