joshrives
-
Floating Elements and Fluid Dynamic Height Layouts
I believe this is what you'll need http://masonry.desandro.com/
-
[slider] image change after mouseover on thumbnail?
You don't really need jQuery for that because it's not a slider. Basically you are just swapping out the background image on hover. Here's a codepen: http://codepen.io/joshrives/full/KGFzp I wouldn't recommend this though unless…
-
IE8 fix for background-size property? Retina Image
I'm thinking the issue is probably that the background image is too big for the container though. What you want to do is make a 42x48 version of the image also and in your IE8 only stylesheet change the background to something like background…
-
100% width footer with image attached to top - HELP!
Like sl1dr said...it looks like the image doesn't exist on the server
-
Fixed background goes under footer
Also for anyone who checks back on this thread... It seems background-attachment:fixed does not work in Mobile Safari
-
Fixed background goes under footer
@sl1dr I fixed it by changing to max-width...see above Thanks again for your help and forcing me to learn media queries.
-
Fixed background goes under footer
Ok nevermind, it should actually be @media screen and (max-width: 900px). It works now. Thanks so much for the help! @GeneralKnowledge -- if I take that out I think the background picture would scroll...I prefer it fixed so there is always somethin…
-
Fixed background goes under footer
That seems to be forcing all resolutions to the media query. I'm over 900px in my browser but it makes it top left. Do I need to declare my media query in the html header also? Not sure how that works
-
Fixed background goes under footer
Haven't familiarized myself with @media yet, but is this right? @media screen and (min-width: 900px) { #wrapper3 { margin: 0px auto; padding: 0px; width:100%; min-width: 900px; background: url(http://joshrives.com/josh-blog.jpg) top left …
-
Fixed background goes under footer
How about getting the min-width to work? It still pushes the picture behind the text because it is set at top right. If I put it top left it fixes the problem but it doesn't look as good with a browser window wider than 900px
-
Fixed background goes under footer
Very true and you might have convinced me to keep it. Though I might still try because I just want to know if it can be done after looking at it so long
-
Fixed background goes under footer
Yes, the background is actually a 900px wide image with the blue on the left, but there is another div before it that fills in the blanks. I had to do that to get min-sidth to work. Otherwise the image on the left overlapped the text. What I need i…
-
Fixed background goes under footer
Yes it should push up the background image
-
Fixed background goes under footer
Sorry about that, let me try to be more clear. When you scroll to the very bottom, the background image of the person slides underneath the footer. See this image http://dl.dropbox.com/u/849394/underfooter.jpg I would like the bottom of the backg…
-
Fixed background goes under footer
The bottom of the background should stop when it gets to the footer. So the image would still be in full view, instead of the footer covering it up. I thought closing the div before the footer would do it, but it didn't.
-
Another CSS Page Wrap Problem
Looks to me like your page wrap is only 960px but the logo and black box together are over 1000px
-
[Solved] Horizontal Scroll in Firefox and Safari but not Chrome
Great...that fixed it. Thanks so much!
-
[Solved] Horizontal Scroll in Firefox and Safari but not Chrome
It must be something to do with the 100% width somewhere because I can make it full screen and it still has the same padding/margin to the right
-
[Solved] Horizontal Scroll in Firefox and Safari but not Chrome
We are validated now, but I still have the problem with the scroll bar. I was using multiple ids on a page which was causing the validation errors.