02bunced — Thu, 12 Jan 2006 16:28:54 +0000

You're using too much absolute positioning. You need to re-write it so things are relative to each other, not the browser page

tobin83 — Thu, 12 Jan 2006 13:42:34 +0000

1440 x 900 is the resolution

tobin83 — Thu, 12 Jan 2006 13:00:52 +0000

straight css. I haven't put any table data in my html or css. I just am not too familar with relative so I need to know, like do I put the absolute positioning in first then the .sale2{ stuff.. or do I just put the .sale2{ stuff?

Also, is that what I need to do to make it look the same on every computer?

tobin83 — Thu, 12 Jan 2006 12:54:31 +0000

by "doesnt work" i mean it doesnt line up properly

Does anyone know what to do next?

tobin83 — Thu, 12 Jan 2006 12:19:14 +0000

Okay after a few attempts (and advice that some i understand, some i don't) I kind of need someone to tell me what to do like I am a moron (which as far as this is concerned isn't that far off track).

I am making a site on my laptop (1440x900) that comes in clearly but when I go to other people's computer and their resolution is different, it doesn't work. I have started back and absolute positioned everything so that the people who asked what it is supposed to look like can view it.

Am I supposed to switch everything that says absolute and change it to relative? If so, then what.

- Dummy explination please and thank you much in advance.
========================================================
(http://www.inbinghamton.com/sitecss.html) (1440 x 900)

#container{
position: absolute;
left:50%;
margin-left: -313px;
top:45px;
width:766px;
height:716px;
background-image: url(images/sitecssbg.jpg);
}

body{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
background-color:#477BA3;
}

#logo {
position:absolute;
width:450px;
height: 49px;
left: 58px;
top: 48px;
z-index:1;
}

#navbar {
position:absolute;
width: 260px;
height: 17px;
left: 289px;
top:184px;
z-index:1;
}

#google{
position:absolute;
width: 160px;
height: 17px;
left: 790px;
top: 332px;
}

#homenav{
position:absolute;
width: 126px;
height: 47px;
left: 289px;
top: 184px;
}

#leftpic{
position:absolute;
width:204px;
height: 96px;
left: 68px;
top: 170px;
}

#centerpic{
position:absolute;
width:204px;
height: 96px;
left: 281px;
top: 170px;
}

#rightpic{
position:absolute;
width: 204px;
height: 96px;
left: 493px;
top: 170px;
}

#bottomleft{
position: absolute;
width: 168px;
height: 96px;
left: 468px;
top: 515px;
font-size:0.8em;
}

#sitesearch{
position:absolute;
width:154px;
height: 29px;
left: 493px;
top: 170px;
}

#searchbar{
position: absolute;
width:194px;
height: 29px;
left: 290px;
top: 364px;
}

#nextweek{
position:absolute;
width:170px;
height: 29px;
left: 468px;
top: 415px;
font-size:0.8em;
}

#welcome{
position:absolute;
width:400px;
height: 90px;
left: 655px;
top: 455px;
font-size:0.8em;
}
__________________________________________________

inBinghamton.com :: The Southern Tier's Guide On-Line

Bottom left informative test text goes here.

This is where the next week tab will be.
The Greater Binghamton area has seen many changes throughout the year. Some making things better, some making things easier, and some making things faster.
Technology has made life easier. Greater Binghamton has reached the next level of information intake. inBinghamton.com is a free website that allows
residents of the Binghamton area to gather information in an instant on any company of their choice. Whether you are looking to try a new night spot, or
just simply trying to remember the number to your favorite restaurant, inBinghamton.com can help.

Roo — Thu, 12 Jan 2006 04:43:28 +0000

No...it's relative to where it started in your layout before you position it.

.sale2 {
position: relative;
right: 1px;
bottom: 10px;
}

Are you using straight css layout or are you using tables too?

Good Reads:

W3C Schools
Google links on CSS Positioning