Lower Corner Images

topic posted Wed, June 11, 2008 - 12:22 PM by  Kat
I have seen plenty of tutorials on how to use CSS for rounded corners in rectangles. However, there is nothing that covers a "cornerstone" image. How would you create one that will always sit in the bottom right corner no matter how wide someone's screen is? Would the positioning of that stand-alone element work using margins?

www.chicagotraindealers.com/manu...s.htm
This looks like an option but it appears to use table elements.

www.albin.net/css/roundedcorners
This explains it somewhat better

Any input is appreciated. This would be my first corner layout but I think I am ready to break out of the box and at least TRY to develop something like this which is cross browser/cross resolution compatible
posted by:
Kat
offline Kat
  • Re: Lower Corner Images

    Wed, June 11, 2008 - 5:27 PM
    have you tried something like

    #lowerRight{position: fixed; bottom:0;right:0;}

    have a good one
    • Re: Lower Corner Images

      Wed, June 11, 2008 - 7:46 PM
      This is what I wondered about doing but I didnt know if that would work for a corner graphic that isnt squar in dimension (it is longer vertically than horizontally). Also, one good thing is that my corner graphic does not need to be a working graphic, button, or image map. Its just for display purposes.
      • Re: Lower Corner Images

        Thu, June 12, 2008 - 12:59 AM
        I would try Jesse's solution.
        I would imagine that would work. I did something similar before. I think I added a z-index to it too just to be sure and I think I had to make the html and body tags 100% in height. Was over a year ago and I forget what it was for now :S

        Good luck with it
        • Re: Lower Corner Images

          Thu, June 12, 2008 - 9:55 AM
          Yeah. Im going to see how that works and consider your advice about the html and body css tags if going without them reveals bad results.

          Kat

Recent topics in "Web Design"