Ruby on Rails
JavaScript, XHTML, CSS
Java, Distributed Systems
<you_name_it>
Not covering the whole div
Submitted by met00 on Sun, 04/05/2009 - 20:12
The application is using code matching the split border example and loading a long table inside the split.content.
The div covers the first 80 lines or so of the table, disappears and then has the rounded at the bottom.
a copy of the page can be seen at: http://www.academicenter.com/img/rounded.png
[the break is at row 72 of the table being loaded into the content div]
any suggestions as to what is happening and why would be appreciated.
Trackback URL for this post:
http://www.ruzee.com/trackback/233
2048 problem
Changing 2048px to 100% totally fixed this for me. I needed rounded corners in a Drupal installation and implemented this script on the theme. Wow this is great.
2048 usage ?
What is exactly the meaning of this 2048 height ? What does it do ?
I had this bug in IE8 that it was showing my div way to large. Changed it to 100% and gone was the bug... But I have no idea if other things don't work correctly anymore :(
Ed
Great work
Ya I have like the method and the code was very helpful for me.Thanks for sharing idea.
Fixed by setting a height of 100% instead of 2048px
Hello,
I have faced the same issue and fixed it by replacing the orginal height of 2048px by 100%.
Here is a patch file showing the change:
--- shadedborder.js.orig Mon Nov 09 22:32:03 2009
+++ shadedborder.js Wed Nov 11 11:46:57 2009
@@ -152,7 +152,7 @@
function mid(mw) {
var ds = [];
- ds.push('<div style="position:relative; top:' + (th+bh) + 'px; height:2048px; ' +
+ ds.push('<div style="position:relative; top:' + (th+bh) + 'px; height: 100%; ' +
' margin:0 ' + (rw-r-cx) + 'px 0 ' + (lw-r-cx) + 'px; ' +
' padding:0; overflow:hidden;' +
' background-position:0 ' + (th > 0 ? -(r+cy+cs) : '0') + 'px;"' +
Extra tweak
Also change about line 162
' top:' + (th+bh) + 'px; height:2048px; padding:0; margin:0;';
to
' top:' + (th+bh) + 'px; height: 100%; padding:0; margin:0;';
It worked to me changing all the 2048px values to 100%.
My problem was at firefox, not IE, now it works for both...
That's the 2048px height problem...
Search the ShadedBorder script for the value 2048 and replace it by 32767 - this should do the trick although there may be a problem with heights > 2048px on IE ...
Similar Problem
In IE 7 the upper shadows are cut off and if you have a long text in IE 7 and Firefox pieces of the left and right shadows are cut out near the end of the text.
In IE 7 the upper shadows are
In IE 7 the upper shadows are cut off and if you have a long text in IE 7 and Firefox pieces of the left and right shadows are cut out near the end of the text
Same problem..
Any help?
Same problem..
Any help?