Does anyone know what to do next?
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 posted this at 04:43 — 12th January 2006.
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
tobin83 posted this at 12:19 — 12th January 2006.
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.
tobin83 posted this at 12:54 — 12th January 2006.
They have: 12 posts
Joined: Jan 2006
by "doesnt work" i mean it doesnt line up properly
02bunced posted this at 16:28 — 12th January 2006.
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
tobin83 posted this at 13:00 — 12th January 2006.
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?
tobin83 posted this at 13:42 — 12th January 2006.
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.