Log In · Register

 
positioning on 2.0 div not right on different monitors, absolute positioning and other ways not working
shutterleftopen
post 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%;}

.print
{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%;}


 
 
Start new topic
Replies
miguelS
post 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.
 

Posts in this topic


Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members: