positioning on 2.0 div not right on different monitors, absolute positioning and other ways not working |
 Dec 15 2009, 12:24 PM
Post
#1
|
|
|
Senior Member  Group: Member Posts: 42 Joined: Apr 2009 Member No: 724,201  |
http://www.myspace.com/aspectinc
my layout works well and for the most part is lined up on my 22" monitor. on my laptop that is 17" monitor it's off. i'm using absolute positioning along with the left: 18% code but it's not helping. below is the code. any suggestions? thanks in advance. CODE .addbutton {width:100px;height:50px;position:absolute;top:570px;margin-left:140px;background-color:transparent;z-index:9;overflow:hidden;left:18%;} .msgbutton {width:100px;height:50px;position:absolute;top:575px;margin-left:250px;background-color:transparent;z-index:9;overflow:hidden;left:18%;} .sitebutton {width:100px;height:50px;position:absolute;top:580px;margin-left:360px;background-color:transparent;z-index:9;overflow:hidden; left:18%;} .picsbutton {width:290px;height:50px;position:absolute;top:580px;margin-left:580px;background-color:transparent;z-index:9;overflow:hidden;left:18%;} .emailbutton {width:120px;height:50px;position:absolute;top:570px;margin-left:880px;background-color:transparent;z-index:9;overflow:hidden;left:18%;} .aboutmetext {width:360px;height:330px;position:absolute;top:2270px;margin-left:160px;background-color:transparent;z-index:9;text-align:justify;padding-right:5px;overflow-x:hidden;overflow-y:auto;left:18%;} .myspace {width:784px;height:307px;position:absolute;top:713px;margin-left:150px;background-color:transparent;z-index:9;overflow-x:hidden;overflow-y:auto;left:18%;} .photography {width:784px;height:419px;position:absolute;top:1110px;margin-left:150px;background-color:transparent;z-index:9;overflow-x:auto;overflow-y:hidden;white-space:nowrap;left:18%;} {width:784px;height:232px;position:absolute;top:1618px;margin-left:155px;background-color:transparent;z-index:9;overflow-x:hidden;overflow-y:hidden;left:18%;} .specials {width:784px;height:231px;position:absolute;top:1942px;margin-left:155px;background-color:transparent;z-index:9;overflow-x:hidden;overflow-y:hidden;left:18%;} |
|
|
|
 |
Replies
|
Dec 15 2009, 10:23 PM
Post
#2
|
|
|
Senior Member Group: Member Posts: 42 Joined: Apr 2009 Member No: 724,201 |
sweet. thanks miguel and mike. worked beautifully and now it's dead-on on any browser and any size monitor.
|
|
|
|
Posts in this topic
shutterleftopen positioning on 2.0 div not right on different monitors Dec 15 2009, 12:24 PM
Mike If you want to use that method, use 50%. Dec 15 2009, 03:06 PM shutterleftopen 50% knocks the sections over to the right. i used ... Dec 15 2009, 05:12 PM
Mike QUOTE(shutterleftopen @ Dec 15 2009, 10:1... Dec 15 2009, 06:23 PM miguelS You don't need to use a margin on the div.
Se... Dec 15 2009, 05:17 PM shutterleftopen QUOTE(miguelS @ Dec 15 2009, 05:17 PM) Yo... Dec 15 2009, 07:05 PM Mike I think he means something like this:
CODEdiv.con... Dec 15 2009, 07:25 PM Mike Topic closed & moved. Dec 16 2009, 04:55 AM |
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: