/    Sign up×
Community /Pin to ProfileBookmark

Text wrapping issues with Firefox

I have a piece of code that opens a new window and wraps text fine in IE, but has some problems wrapping the text correctly in Firefox. Baiscally, in Firefox the wrapped text overlaps the text below it.

If I maximize the new window then everything works fine, but as soon as I resize it the wrapping issue occurs.

Here is the code I have right now that works in IE but not in Firefox. I substituted the actual page text with “<–PAGE TEXT–>”.

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”>

<html>
<head>
<title></title>
<META HTTP-EQUIV=”imagetoolbar” CONTENT=”no”>
<META HTTP-EQUIV=”CACHE-CONTROL” CONTENT=”NO-CACHE”>
<META HTTP-EQUIV=”PRAGMAS” CONTENT=”NO-CACHE”>
<link rel=”stylesheet” type=”text/css” href=”tips.css”>

</head>

<body onLoad=”resizeTo(700,600);” topmargin=”5″ bottommargin=”0″ leftmargin=”0″ marginwidth=”0″ marginheight=”0″ bgcolor=”#4a4a4a”>
<a name=”top”>
<p align=”center”>
<table bgcolor=”#000000″ cellpadding=”1″ cellspacing=”0″ border=”0″><tr valign=”top”><td>

<table width=”100%” align=”center” cellpadding=”7″ cellspacing=”0″ border=”0″ bgcolor=”#ffffff”><tr valign=”top”><td>

<–PAGE TEXT–>

<div class=”AuthorizeNetSeal”> <script type=”text/javascript” language=”javascript”>var ANS_customer_id=”blah blah”;</script> <script type=”text/javascript” language=”javascript” src=”//VERIFY.AUTHORIZE.NET/anetseal/seal.js” ></script> <a href=”http://www.authorize.net/” id=”AuthorizeNetText” target=”_blank”>Credit Card Processing</a></div>

<br><br>

<a href=”javascript:window.close()”>Click to close window.</a>

</td></tr></table></td></tr></table>
</P>
</body>
</html>

Thanks in advance for any help.

to post a comment
JavaScript

1 Comments(s)

Copy linkTweet thisAlerts:
@toicontienDec 08.2006 — First off, paragraph tags cannot contain tables. If you need a gap above and below a table, then you need to add margins to the table via CSS. Secondly, we really need to see the full HTML and CSS for the page. Somewhere along the line, the height of an element is being set to X number of pixels, and it working correctly in Internet Explorer is actually Internet Explorer working incorrectly. IE-Win treats heights and widths different from every other browser out there. Once we see the full HTML and CSS, we can give you more info ?
×

Success!

Help @ThatGuy21 spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.21,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...