How to keep aspect ratio at all resolutions

[phrozen_dreamz]

Hi, my girlfriend is building her website. She's having a problem with the coding.
There's an image on the bottom right that she wants to keep in the same spot no matter what the screen size is. How can she do that? Thanks in advanced! ! !

OH, and she's using dreamweaver 8 to build it.

[phrozen_dreamz]

ttt

[evereddie]

Is this photo on a seperate layer?

[Keymaker]

iframe?

http://www.w3schools.com/tags/tag_iframe.asp

Source chart could help in dissecting it

[RicheemxX]

I see three images set inside a table, and that table isn't the only thing that doesn't scale. All of her layers on the bottom won't scale I'm guessing because the positions are set absolutely


*edit: I think there are 5 layers on the bottom an embedded mp3 being one but yeah the layers are set with absolute positions. BTW dealing with layers and css is not my thing today.

<style type="text/css">
<!--
body {
    background-image: url(http://www.patcha.th.gs/web-p/atcha/images%5Cgraphic%5Cbg01.jpg);
}
.style1 {
    font-family: "Kristen ITC";
    font-size: 10px;
}
#Layer1 {
    position:absolute;
    width:365px;
    height:115px;
    z-index:1;
    left: 589px;
    top: 572px;
}
#Layer2 {
    position:absolute;
    width:127px;
    height:37px;
    z-index:2;
    left: 343px;
    top: 622px;
}
.style54 {
    font-family: "Kristen ITC";
    font-size: xx-small;
    color: #000000;
}
.style63 {color: #F95760}
.style7 {
    font-size: 10px;
    color: #F95760;
    font-family: "Kristen ITC";
}
.style65 {font-family: "Kristen ITC"; font-size: xx-small; color: #000000; font-style: italic; }
#Layer3 {
    position:absolute;
    left:452px;
    top:667px;
    width:112px;
    height:23px;
    z-index:3;
}
.style66 {font-family: "Kristen ITC"; font-size: 10px; color: #FF0000; }
.style68 {color: #0000FF}
#Layer4 {
    position:absolute;
    left:340px;
    top:480px;
    width:193px;
    height:100px;
    z-index:4;
}
#Layer5 {
    position:absolute;
    left:500px;
    top:598px;
    width:31px;
    height:10px;
    z-index:4;
}
-->

[Keymaker]

Here is the link. http://patcha.th.gs/

Here is a picture of what I got in the source chart and what it looks like on my screen @ 1680 * 1050. (note, I chose the selection of the window.) The html in the .zip is the whole source code.

[Keymaker]

I have also noticed that a lot of content is coming from here computer? Is she hosting the page form her own server or something? I see a spacer image of 1 X 1, but it doesn't seem to appear. I would see it because I run a script in Grease monkey to show 1 X 1 images (allowing image pre loading).

[phrozen_dreamz]

ohh maybe I forgot about it!... I host it from a Thai hosting.

And thanks for all comments... I appreciate it. I will try to work on it .....just wanna let you guys know... I am a new web mastress

[sr71000]

Are you coding by hand or are you using the wysiwyg editor in dream weaver? If you're coding by hand you really need to rethink your coding style when building a page like this. When building a center column page like this you want to take a div, set it's width, and then set margin-left and margin-right to auto using css. Then ALL your content goes in that div!

[phrozen_dreamz]

I use Dreamweaver8 .. what I wanna do is.. I set the pixel dimensions for my layers. I want my layers to auto change regardless the window size. I don't know about CSS....well.. maybe I need to read about Css it's kinda advance for me.. I just wanted to start from basic right now but seems like I need more advance knowledge to fix my problem Thanks alot! everybody!

Pat