SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict thoresson's Avatar
    Join Date
    Dec 2002
    Location
    Gothenburg, Sweden
    Posts
    255
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Question help needed with css positioning: bottom and right

    I want to place an textarea near the bottom right corner of the browser.

    I'm trying with this stylesheet:

    Code:
    #login
    {
    position: absolute;
    right: 50px;
    bottom: 25px;
    border-style: dotted;
    border-width: 2px;
    padding: 20px;
    color: black;
    background: lightgrey;
    font-family: verdana;
    font-size: xx-small;
    }


    And calls it like this in my html:

    Code:
    <DIV ID="login">
    ...stuff goes here
    </DIV>
    In IE it works fine, but in Opera 6.05 the textarea ends up near the upper left corner (just the oppsite of what I want...)

    I've read another post at www.opera.com regarding this problem. The suggested solution is to define the width and height of the layer. But I don't know this in advance, but rather depend on the browser calculating the values for me.

    How can I solve this?

    I also have problem with another stylesheet element:

    Code:
    #leftpanel
    {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100px;
    height: 100%;
    background: lavender;
    border-style: dotted;
    border-right-width: 1px;
    border-left-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    }
    #leftpanel is being used for decoration purposes, and I want it to run all the way from the the top of the browser windows to the bottom.

    Again, works fine in IE, but not in Opera. At the bottom there is a few pixels left out where Opera shows download status during page download.

    How do I solve this one?

    Best regards,

    Anders Thoresson

  2. #2
    The CSS Clinic is open silver trophybronze trophy
    Paul O'B's Avatar
    Join Date
    Jan 2003
    Location
    Hampshire UK
    Posts
    40,355
    Mentioned
    179 Post(s)
    Tagged
    6 Thread(s)
    In answer to your second question about #leftpanel, you can make this work in opera if you use:

    body {
    margin: 0px;
    padding: 0px;
    }

    Whether this will mess up the rest of your layout I don't know but it's worth a try.

    Paul

  3. #3
    SitePoint Addict thoresson's Avatar
    Join Date
    Dec 2002
    Location
    Gothenburg, Sweden
    Posts
    255
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    body {
    margin: 0px;
    padding: 0px;
    }
    It sure did the trick! Now it's just the right positioning left to solve.

    Thanks.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •