Alignment help with DIV Overlays, How do you align DIVs to fit every screen resolution? |
Alignment help with DIV Overlays, How do you align DIVs to fit every screen resolution? |
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...
|
|
|
|
![]() |
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;} |
|
|
|
imalytss Alignment help with DIV Overlays Feb 27 2008, 08:48 PM
Synoptic-Rewind in the past I've used something like this:
CO... Feb 27 2008, 09:44 PM
S-Majere Synoptic-Rewind is correct; you can use the left a... Feb 28 2008, 09:33 AM
imalytss It didn't work. I'm working on another lay... Mar 1 2008, 01:28 AM
twodreamlovers i actually tried this and it works fine on normal ... Mar 1 2008, 07:21 PM
imalytss It worked for me!
Thanks so much ^_^ Mar 1 2008, 10:52 PM
Relentless Glad you were helped.
Topic Closed. Mar 2 2008, 12:55 AM![]() ![]() |