Css Help, Positioning Image in Bottom-Right browser corner Options

[LolitaDoll]

Hi,

I wantr to position one of my images used in my layout to the bottom-right corner of a browser window. How would i go about doing this? I tried setting it to a certain pixel position but in windescreen windows (like my dad's laptop) it isn't in the bottom corner. Is there a specific code or something to do this?

Thanks in advance,

LD

[queen]

put this in your css:

CODE

body {
background-color: #000000;
background-image: url("url_of_image");
background-attachment: fixed;
background-repeat: no-repeat;
background-position: bottom right;
}

...replace the background color and url of image accordingly.

[LolitaDoll]

i already have a background image as my background so won't that replace my background i already have?

Here is a link to my page

www.myspace.com/106203752

on most windows the green hearts on the right are at the bottom right but on windescreen windows it isn't. As you can see i already have a background image, so if i placed that code in, wouldn't it replace it?

[queen]

^ well, how did you originally code in the background image? hrm, i don't really know what the problem is 'cause i don't have a widescreen laptop... but on all of my monitors (1400 x 900/ 1280 x 1024/ 1024 x 768), the background image is on the bottom right already.

[*karmakiller*]

Moved to Myspace Support.

If you want to place an image, and not your background, in the corner you'd have to use a div. It'd probably be really tricky because people have different screen resolutions.

[LolitaDoll]

synkro - here is my coding.

CODE

<style>

a {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 7pt;color: 28323F;font-weight: bold;}
a:link {text-decoration: none;color: 28323F;}
a:visited {text-decoration: none;color: 28323F;}
a:hover {text-decoration: none;color: BDD3B6;text-transform: uppercase;}
a:active {text-decoration: none;color: 28323F;}

body {
    background-image: url(http://www.fileden.com/files/2007/5/17/1086277/Sucker%20Love/bg.png);
    background-repeat: repeat-x;
        scrollbar-face-color : cb988b;
    scrollbar-highlight-color : cb988b;
    scrollbar-3dlight-color : cb988b;
    scrollbar-shadow-color : cb988b;
    scrollbar-darkshadow-color :cb988b;
    scrollbar-track-color : cb988b;
    scrollbar-arrow-color : 000000;
}

p {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 7pt;}

h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    text-align: right;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: BDD3B6;
    text-transform: uppercase;
    background-position: right;
    color: 28323F;
}

h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: x-small;
    color: BDD3B6;
    background-color: 28323F;
}

.CDeco {
    position:absolute;
    left:303px;
    top:0px;
    width:954px;
    height:1190px;
    z-index:1;
}

.layout {
    position:absolute;
    left:0px;
    top:0px;
    width:952px;
    height:1190px;
    z-index:2;
}

.aboutme {
    position:absolute;
    left:139px;
    top:684px;
    width:434px;
    height:209px;
    z-index:3;
    overflow: auto;
}

.links {
    position:absolute;
    left:260px;
    top:950px;
    width:190px;
    height:174px;
    z-index:4;
}

.note {
    position:absolute;
    left:425px;
    top:340px;
    width:150px;
    height:100px;
    z-index:5;
}
      

</style>

CODE

<div class="layout">
<img src="http://www.fileden.com/files/2007/5/17/1086277/Sucker%20Love/myspacepersonalhearts_01.png" width="952" height="285" border="0" usemap="#FLinks"/><br><img src="http://www.fileden.com/files/2007/5/17/1086277/Sucker%20Love/myspacepersonalhearts_02.png" width="952" height="339"/><br><img src="http://www.fileden.com/files/2007/5/17/1086277/Sucker%20Love/myspacepersonalhearts_03.png" width="952" height="298"/><br><img src="http://www.fileden.com/files/2007/5/17/1086277/Sucker%20Love/myspacepersonalhearts_04.png " width="952" height="268" border="0" usemap="#Credit" /></div>
<div class="CDeco"><img src="http://www.fileden.com/files/2007/5/17/1086277/Sucker%20Love/cornerimage.png" width="954" height="1190" /></div>
<div class="aboutme">

  <h2 align="center">No Excuses. No Apologies. No Regrets</h2><br><br>

  <p align="center">.I Like What I like &amp; You Can Go f**k It.</p>

<center><object type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" height="155" width="218" align="middle" data="http://www.mp3asset.com/swf/mp3/myflashfetish-mp3-player.swf">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://www.mp3asset.com/swf/mp3/myflashfetish-mp3-player.swf" />
  <param name="quality" value="high" />
  <param name="wmode" value="transparent" />
  <param name="flashvars" value="myid=3147849&path=2007/06/30&mycolor=0x28323f&mycolor2=0xbdd3b6&mycolor3=&autoplay=true&rand=&f=3" />
</object></center>

  <h1>[<strong>About Me</strong>]</h1></p>
  <p>I'm 17. In my last year of school. (Hating It). Insanely obsessed with   web/graphic design. Doesn't believe in marriage. Or God. Does believe in tolerance   and acceptance. Supports heterosexuality/homosexuality/bi-sexual relationships.   Can't stand Hypocrites. </p>

<h1>[<strong>Currently Loving</strong>]</h1>
    <p>
    Being on holidays :P yey!   Actually school isn't so bad. I passed English (which with our teacher is   f**king amazing) so now I don't feel like stepping in front of a small truck and   being smooshed into a nice pulpy-like shape. I have my after school plans all   organized (Qantm *woot, woot*) so I don't need to get all panicky. <br />
    <br />
  Hmm oh   Adobe Creative Suite 3 Master Class f**king rules! Okay so yeah 4,500 grand   right there but soo worth it. Seriously I'd be willing to sell a child for it.   Not that I have a spare child running around but if i did, it'd totally be taken   to a pawn shop. This beauty is like my career in box! So yeah, awesome. and   Lovin it. COMPLETELY.
  </p>
    
  <h1>[<strong>What I Love</strong>] </h1>
  <p>Web/Graphic Design<br />
    Watching/reading horror <br />
    Japanese anime/manga <br />
    QaF - BJ 4eva! ^-^<br />
    Photoshop <br />
    My Cats <br />
    iMacs <br />
    iphone<br />
    1971   Chevrolet Corvette Stingray<br />
    Ferrer Roche Chocolates <br />
    Victoria Frances   paintings <br />
    Luis Royo paintings<br />
    Horses/horseriding<br />
    Suprise presents ^-^" </p>

  <h1>[<strong>What I Hate</strong>] </h1>
  <p class="p">Fakers. <br />
    Cockroaches <br />
    Rap <br />
    Fuckwits </p>

  <h1>[<strong>Music</strong>] </h1>
  <p class="p">Placebo. The Dresdon Dolls. U2. Bon Jovi. Nickleback. Dead or Alive. Billy   Idol. 30 Seconds to Mars. AFI. Behind Crimson Eyes. David Bowie. The Butterfly   Effect. Cascada. Jem. Coldplay. Daft Punk. Silverchair. Linkin Park. The Used.   The Eels. Savage Garden. Blink 182. Eskimoe Joe. Snow Patrol. Fall Out Boy.   Fleetwood Mac. Flyleaf. Good Charlotte. Greenday. Grinspoon. Imogen Heap. Muse.   My Chemical Roamnce. Oasis. Panic! At The Disco. The Rasmus. Red Jumpsuit   Apparatus. Robbie Williams. Shiny Toy Guns. Silversun Pickups. The Strokes. The   White Stripes. Vertical Horizon. Three Days Grace. T.A.T.U. Trance/Techno/Dance.   Queer as Folk Soundtracks. </p>
   <h1>[<strong>Movies</strong>] </h1>
  <p class="p">Interveiw with the Vampire. Saw I,II,III. Underworld I,II. Resident Evil I,   II. The Grudge I, II. Rocky Horror Picture Show. Brother's Grimm. Mr and Mrs   Smith. Macbeth. Smokin' Aces. Perfume. Pan's Labryinth. Ocean's 11,13.   Spirit:Stallion of the Cimarron. Spirited Away. Phantom of the Opera. Chicago.   Moulin Rouge. Romeo and Juliet. Titanic. Van Helsing. Charlie's Angels. The   Shining. Exorcist. Blades of Glory. Crank. </p>
    <h1>[<strong>TV</strong>] </h1>
  <p class="p">Queer as Folk. Desperate Housewives. Lost. Buffy. My Super Sweet Sixteen.   Miami Ink. MTV. Channel V. </p>
   <h1>[<strong>Books</strong>] </h1>
  <p class="p">Anne Rice - Interveiw with the Vampire. The Vampire Lestat. The Vampire   Armand. Memoch the Devil. Queen of the Damned. The Tale of the Body Theif. The   Claiming of Sleeping Beauty. Beauty's Punishment. Beauty's Release.<br /><br>
    Stephen   King - Carrie. The Shining. The Stand. Christine. Pet Sematary. It. Needful   Things. Dolores Claiborne. Nightmares and Dreamscapes. The Girl Who Loved Tom   Gordon. Firestarter. <br /><br>
    Graham Masterton - Rook I, II, III, IV, V. Walkers. The   House That Jack Built. Faces of Fear. Feelings of Fear.<br /><br>
    Most horror/fantasy. </p>
  <h1>[<strong>School</strong>] </h1>
  <p class="p">I do Ipt (which i love), Modern Hisotry (which I love), BCT (meh), Maths   (meh), English (causes an emotional breakdown). </p>
  <p class="p">I want to go to either Uni or preferably Qantm which is a private college   that specialises in multimedia. </p>

<h1>[<strong>Credit]</strong>]</h1>
<p> This layout was completely created by me using Adobe CS2 Photoshop for the graphics, and Adobe CS3 Dreamweaver for the HTML/CSS coding. For the labels on the content section and my top friends, lyrics from Placebo songs were used. No copyright infringement was intended by using these lyrics. <br>Layout © Tara Benson <br> Lyrics © Placebo

</div>
<div class="links">
  
    <p><center>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5hZGRmcmll
mRfdmVyaWZ5JmZyaWVuZGlkPTEwNjIwMzc1Mg==">Add</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vbWFpbDIubXlzcGFjZS5jb20vaW5kZXguY2ZtP2Z1c2VhY3Rpb249bWFpbC5tZXNzYWdl
mZyaWVuZGlkPTEwNjIwMzc1Mg==">Message</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWJsb2NrLmJsb2NrdXNl
iZ1c2VyaWQ9MTA2MjAzNzUy">Block</a><br><br>

<a href="http://www.msplinks.com/MDFodHRwOi8vdmlld21vcmVwaWNzLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPXVzZXIu
mlld2FsYnVtcyZmcmllbmRpZD0xMDYyMDM3NTI=">Pics</a>
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdjb21tZW50cyZmcmllbmRpZD0xMDYyMDM3NTI=">Comnts</a><br><br>

<a href="http://www.msplinks.com/MDFodHRwOi8vaG9tZS5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyJm15dG9rZW49ZGY2ZTk4NzEtOGU0ZC00Y2RkLThmZmEtZTFlMWI4ZTcyZDZi">Home</a><br><br>

</div>

<div class="note">
<center><form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input type="hidden" name="friendID" value="106203752"><textarea name="f_comments" cols="35" rows="5">Leave me a note? </textarea><br><br><input type="submit" value="Send It"> <input type="reset" value="Clear It"></form><br></center><br><style type="text/css">textarea {background-color:cb988b; background-image:url(); border-width:1px; border-style:solid; border-color: 28323F; color: 28323F; font-family:Georgia;} input {background-color: cb988b; border-width:1px; border-style:solid; border-color: 28323F; color: 28323F; font-family:Georgia;}</style><br></center>
</div>
<map name="FLinks" id="Map"><area shape="rect" coords="188,125,299,151" href="http://www.myspace.com/tb_designs" alt="TB Designs" />
<area shape="rect" coords="207,169,405,197" href="http://www.myspace.com/placebo" alt="Placebo " />
<area shape="rect" coords="190,210,321,222" href="http://www.myspace.com/127467362" alt="Gale Harold " />
<area shape="rect" coords="203,240,358,251" href="http://www.myspace.com/queerasfolkfans" alt="Get Folked " />
<area shape="rect" coords="282,268,314,282" href="http://friends.myspace.com/index.cfm?fuseaction=user.viewfriends&friendID=106203752&MyToken=e3b9106d-1f32-463c-b58c-526cc76c7435" alt="View All Friends " />
<area shape="poly" coords="410,155" href="#" /><area shape="rect" coords="370,123,479,136" href="http://www.myspace.com/happybubble15" alt="Tony"/>
<area shape="rect" coords="339,147,447,160" href="http://www.myspace.com/131468405" alt="Abbey"/>
</map>
<map name="Credit" id="Map2">
<area shape="poly" coords="271,11" href="http://www.myspace.com/tb_designs" /><area shape="poly" coords="195,19,197,31,269,76,273,70,196,18" href="#" alt="TB Designs " />
</map>

CDeco is the div which contais my image that i want positioned in the bottom-right.

CDeco image isn't my background image though, i already have a background image.

karma - i tried positioning a div but that won't work for different browser windows. Like how my slices for my layout are in a div i can position them to top, left 0,0. So is there a way i can do something like that but for bottom, right?

Also how come this was moved to myspace help? it's about a css coding issue? o.O