Line-Height?

Twinkie

Twinkie

Banned
Messages
1,389
Reaction score
12
Points
0
I am developing a new, and very unfinished layout for my Database Administration page and there is something weird with the padding/line-height of the status text. Click the Send button and wait for the status text. It displays correctly in Firefox, but in IE there is some extra space unaccounted for. Why?
HTML: 
<body>
<span class="switch" id="shortcut" onclick="Switch();">
<img id="icon" width="32" height="32" src="http://forums.x10hosting.com/images/Edit.png" alt="&nbsp" title="Switch Windows" />
</span>
<h1 align="center">Database Administration</h1>
<div align="center">
<span id="status" style="display:none; padding-bottom:20px; line-height: 0px;"></span>
<div style="display: none;" id="loading"><img src="/images/Loading.gif" /><br /><br /></div>
</div>
<div id="insert">
  <form action="#" name="record" onsubmit="Send(this); return false;">
This is the code for the status text, and the elements around it.

~~~~~~~~~~~~

Also in FF, when I update the page with JavaScript, the background image fractures, any fix for this?

I tried getting the background image changes each time the browser updates, by redeclaring the imageurl + ?rand=0.12...

But that is not a real fix, and causes the page to move slowly.
 
Last edited:
xav0989

xav0989

Community Public Relation
Community Support
Messages
4,467
Reaction score
95
Points
0
no problem for me...
 
Twinkie

Twinkie

Banned
Messages
1,389
Reaction score
12
Points
0
It's a difference in the space between the fields and the status text, in comparison with IE. There is no obvious issue, I would just like for it to space the same way so I can continue with a fixed width layout.
 
farscapeone

farscapeone

Community Advocate
Community Support
Messages
1,165
Reaction score
27
Points
48
I know it sounds strange but try adding <br /> on the end of your response text (it must be inside status <span> tag). I had similar problems with IE and this worked for me.

Please tell me if it helped.
 
Twinkie

Twinkie

Banned
Messages
1,389
Reaction score
12
Points
0
I tried that, at the end of the response text and it did not work. I don't know why...

status.innerHTML = response + "<br />";

Any ideas about the fracturing background image?

Edit:
I recoded my site to 'work around' the image fracture bug, and I submitted a bug report to FireFox. Thanks for your help guys. I repped you all.
 
Last edited:
You must log in or register to reply here.
Top