Log In · Register

 
Alignment help with DIV Overlays, How do you align DIVs to fit every screen resolution?
imalytss
post Feb 27 2008, 08:48 PM
Post #1


Newbie
*

Group: Validating
Posts: 5
Joined: Feb 2008
Member No: 622,132



I submitted a layout, and it got rejected because the alignment on the Reviewer's computer was misaligned. On my screen it looks just fine. How do you align the DIVs to fit every screen resolution? My screen resolution is 1280x1024. Thanks...
 
 
Start new topic
Replies
MissHygienic
post Mar 1 2008, 05:21 AM
Post #2


Resource Center Tyrant
******

Group: Official Member
Posts: 2,263
Joined: Nov 2007
Member No: 593,306



You have way too many fluffy excessive coding in your DIV layouts. You don't need to add all of that in. . .just make sure you have absolute positioning and left at 50% because that sets your DIV automatically centered in every browser/resolution. Adjust the negative values to your liking once again.

CODE

.main{position:absolute; top:110px; left: 50%; margin-left:-320px;}

.nav{position:absolute; top:135px; left: 50%; width:179px; height:164; overflow:auto; margin-left:-120px;}

.aboutme{position:absolute; top:135px; left:50%; margin-left: -120px; width:338px; height:311; overflow:auto;}
 

Posts in this topic


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