positioning on 2.0 div not right on different monitors, absolute positioning and other ways not working |
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%;} |
|
|
|
![]() |
Dec 15 2009, 05:17 PM
Post
#2
|
|
|
Senior Member ![]() ![]() ![]() ![]() Group: Human Posts: 100 Joined: Sep 2008 Member No: 682,308 |
You don't need to use a margin on the div.
Set contentMid2 to relative positioning. Then position your content absolute with top and left by pixel. |
|
|
|
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
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
shutterleftopen sweet. thanks miguel and mike. worked beautifully ... Dec 15 2009, 10:23 PM
Mike Topic closed & moved. Dec 16 2009, 04:55 AM![]() ![]() |