squashai
Forum Replies Created
-
I’ve found that combining the tags and separating with commas works, as well.
e.g., -webkit-transition:margin .5s ease-in, max-height 1s ease-in;
Hmm…and while we’re on the subject of the CSS editor, I can’t get it to accept any combination of the following
-webkit-transition:all .5s ease-in!important;
-webkit-transition:margin .5s ease-in!important;
-webkit-transition:max-height 1s ease-in!important;It just keeps one — usually the first one — and deletes the rest.
I guess I’ll be using the manual editor until this is worked out. :/
Awesome! Thanks for the quick response.
Also, I like the text finding feature, but it might be more useful if it has “Next” and “Previous” buttons.
And it doesn’t remember the previous query if you move the cursor, which is kinda inconvenient.
Anyway, thanks again for the awesome plugin!
Hmm…I guess you’re right. I think it looks fine as it is, but perhaps it would look ridiculous if I put widgets it.
Thanks again. I guess I’ll think about it.
Actually, it seems to work just great.
I simply fixed it at the bottom and gave it a really high z-index.
#main { height: auto !important; min-height: 50%; padding-bottom: 50px; /* The Submit button was disappearing on my blog pages. */ } #footer { position: fixed; bottom: 0px; margin: 0px; padding: 10px; height: 20px; width: 100%; /* It stopped filling the page without this. */ z-index: 9000; } #footer .copyright img { max-width:30px; height: 20px; /* I wanted to shrink it a little--it was pretty huge. */ overflow:hidden; float:left; margin:0 10px 0 0; /* Also brought it a little closer to the text. */ }It works in Chrome and IE, and even on my Samsung Galaxy Nexus (with Chrome for Android).
I think I got the details from here.
Anyway, thanks again for the great theme and the dedicated support!
I see. Thank you for help. I appreciate you taking the time to look at this and trying to figure it out.
One last question: is there a way I could make the footer a fixed height and position it absolutely at the bottom?
Sorry, I was messing around with it, trying to see if I could come up with a configuration that would work.
I’ve removed the margin section, but the page is still oversized.
Can you look at it again?
To reiterate, what I’m trying to achieve is having the bottom of the footer flush with the bottom of the browser window, unless there’s overflow of the content.
Hmmm…do you think this would work?
Particularly the line that gives the container a negative margin?
#wrapper { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -44px; /* -44px being the size of the footer */ }Well, I tried it, and it creates precisely the wrong effect. Oh well.
Sure, it’s here.
Hi Sanjiv!
Thanks for your quick and helpful reply!
I did try that, and it does push the footer down. However, if the browser window is resized, the footer sometimes appears below the bottom of the window, while at other times it still floats in the middle leaving an unsightly white gap at the bottom.
I have also tried various similar hacks, including these:
http://stackoverflow.com/questions/25238/100-min-height-css-layout
http://peterned.home.xs4all.nl/examples/csslayout1.html
Adding
height:100%;to both thehtmlandbodytags, and eitherheight:100%;orheight:60%;to#main. This is much closer to the functionality I want, but I cannot seem to achieve a layout in which the bottom of the footer is flush with the bottom of the browser–there is either a scrollbar for no reason, or the unsightly white bar.This leads me to believe that there are other elements whose height attributes are competing with that of
#main.I am not very proficient at CSS, however, so I cannot tell which ones I should modify.
Again, all I want is for the bottom of the footer to stick to the bottom of the browser window, unless the content is longer than the height of the window.
Is there a simple way to do this?