Does anyone know what to do next?

They have: 12 posts

Joined: Jan 2006

So Relative Positioning is relative to where the object used to be right? So does that mean it's relative to where it used to be in absolute positioning?

Like do you need..

position: relative;
top:
bottom:
left:
right:
width:
height:

?? all those?

desperate to find out

Roo's picture

She has: 840 posts

Joined: Apr 1999

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

Roo

They have: 12 posts

Joined: Jan 2006

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.

They have: 12 posts

Joined: Jan 2006

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

02bunced's picture

He has: 412 posts

Joined: May 2005

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

They have: 12 posts

Joined: Jan 2006

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?

They have: 12 posts

Joined: Jan 2006

1440 x 900 is the resolution

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.