AnimeSuki Forums

Register Forum Rules FAQ Members List Social Groups Search Today's Posts Mark Forums Read

Go Back   AnimeSuki Forum > AnimeSuki & Technology > Tech Support

Notices

Reply
 
Thread Tools
Old 2008-04-19, 22:17   Link #1
Saberae
Junior Member
 
 
Join Date: Apr 2008
Location: Florida
Age: 23
Send a message via AIM to Saberae Send a message via MSN to Saberae Send a message via Skype™ to Saberae
HTML Aligning Code?

Alright, I've been having some trouble with aligning my website's layout in such a way. What I want is the layout to be centered at all times- no matter the resolution, as depicted by the screenshots below: (using two different screen resolutions)



Now, currently, I can only establish a fixed layout along the sides, and corners, as depicted by the screenshots below: (using two different screen resolutions)



The layouts I use need to have a fixed/tiled background, in the addition to using DIV Layers. I'd like to avoid all use of Tables if possiblbe.

Does anyone know how I can go about establishing this? Thanks.
__________________
Saberae is offline   Reply With Quote
Old 2008-04-20, 02:47   Link #2
Sephi
Thinking outside the box
*Graphic Designer
 
 
Join Date: May 2007
Location: The Netherlands
Age: 27
Put this in your CSS

Code:
#sitefull {
position:absolute;
width:600px;
height:640px;
top:10px;
left:50%;
margin-top:-10px;
margin-left:-300px;
And this in the html
<div id="sitefull"> and close it with </div> at end of your body again ofc ^^

if your site content is 600px you have to change the margin left to -300 (half of site width) so if its 500 it's -250.

Just a small bug with the code is that if you make the browser size smaller than the given width, parts disappear from the left Never got around fixing that part seeing i didn't thought it would be needed. But this should help you get everything aligned mid at all times.
__________________

Currently watching: Aria the Origination & Dennou Coil
Sephi: Anime Icons | Signatures & Avatars | Renders
Sephi is offline   Reply With Quote
Old 2008-04-20, 16:21   Link #3
Miles Teg
Senior Member
 
Join Date: Dec 2005
Location: Le Mans, France
I use this code

Code:
#global {
		margin: 0px auto 0px auto;
		width: 940px;
		padding: 0px;
}
If you put the margin right/left on auto then the layout should always be on the center (I don't know if that work with all the browsers).
Miles Teg is offline   Reply With Quote
Old 2008-04-21, 20:46   Link #4
Saberae
Junior Member
 
 
Join Date: Apr 2008
Location: Florida
Age: 23
Send a message via AIM to Saberae Send a message via MSN to Saberae Send a message via Skype™ to Saberae
Thanks a bunch, I'll go ahead and give both of these a try!
__________________
Saberae is offline   Reply With Quote
Reply

Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT -5. The time now is 06:38.


Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2014, vBulletin Solutions, Inc.
We use Silk.