witten/luminotes
Archived
1
0
Fork 0
Code Releases Activity

CSS tweaks to better handle smaller browser window widths in both Firefox and IE.

Browse Source
This commit is contained in:
Dan Helfman 2007-08-02 22:47:20 +00:00
parent c5dddb76db
commit 5ceed4bf32
2 changed files with 16 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
static/css/ie.css
View File

@ -5,7 +5,7 @@
#toolbar { #toolbar {
position: absolute; position: absolute;
top: expression( eval( document.compatMode && document.compatMode == 'CSS1Compat' ) ? documentElement.scrollTop + 20 : document.body.scrollTop + 20 ); top: expression( eval( document.compatMode && document.compatMode == 'CSS1Compat' ) ? documentElement.scrollTop + 20 : document.body.scrollTop + 20 );
margin-left: -7em; margin-left: -6em;
} }
#status_area { #status_area {
@ -19,6 +19,14 @@
top: 0em; top: 0em;
} }
#center_and_toolbar_area {
width: expression( this.width > 500 ? "500px" : "80%" );
}
#center_area {
width: expression( this.width > 475 ? "475px" : "79%" );
}
.pulldown { .pulldown {
height: expression( this.scrollHeight > 200 ? "200px" : "auto" ); height: expression( this.scrollHeight > 200 ? "200px" : "auto" );
width: expression( this.scrollHeight > 200 ? "12em" : "auto" ); width: expression( this.scrollHeight > 200 ? "12em" : "auto" );

11
static/css/style.css
View File

@ -31,19 +31,19 @@ ol li {
#center_and_toolbar_area { #center_and_toolbar_area {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
width: 60em; width: 80%;
max-width: 60em;
} }
#toolbar { #toolbar {
position: fixed; position: fixed;
width: 5em;
margin-top: 5em; margin-top: 5em;
z-index: 1; z-index: 1;
} }
#toolbar ul li { #toolbar ul li {
list-style: none; list-style: none;
text-indent: -4em; text-indent: -2em;
margin-top: 0em; margin-top: 0em;
margin-left: 0em; margin-left: 0em;
margin-bottom: 0.25em; margin-bottom: 0.25em;
@ -93,6 +93,7 @@ ol li {
#link_area { #link_area {
text-align: left; text-align: left;
float: right; float: right;
margin-left: 1em;
margin-top: 1em; margin-top: 1em;
margin-right: 2em; margin-right: 2em;
font-size: 0.75em; font-size: 0.75em;
@ -107,7 +108,8 @@ ol li {
#center_area { #center_area {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
width: 50em; width: 79%;
max-width: 55em;
} }
#status_area { #status_area {
@ -126,6 +128,7 @@ ol li {
#search_and_user_area { #search_and_user_area {
float: right; float: right;
margin-top: 0.5em; margin-top: 0.5em;
margin-bottom: 0.5em;
} }
#search_area { #search_area {