[SOLVED] Aligning to the very top

This is a discussion on "[SOLVED] Aligning to the very top" within the Web Page Design section. This forum, and the thread "[SOLVED] Aligning to the very top are both part of the Design Your Website category.



 Subscribe in a reader

Go Back   Webforumz.com > Main Forums > Design Your Website > Web Page Design

Notices


Reply
 
LinkBack Thread Tools
  #1  
Old Dec 23rd, 2007, 00:25
Reputable Member
Join Date: Oct 2007
Location: At my house
Age: 22
Posts: 193
Thanks: 0
Thanked 0 Times in 0 Posts
[SOLVED] Aligning to the very top

I am building my site(FINALLY!!!) I want my site container to be directly aligned to the top of the browser. Pretty much, no margin at the top of my content, only I don't known how to do that. I will show you what mine looks like now: http://adrian-rodriguez.net/containertest.htm

You can see that I created the container image bg.gif so that it would be directly aligned to the top of the page.

Can anyone help me with this?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote

  #2  
Old Dec 23rd, 2007, 00:29
Marc's Avatar
Staff Manager

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 1,765
Thanks: 0
Thanked 14 Times in 14 Posts
Re: Aligning to the very top

add:
Code: Select all
body, html {
margin:0;
padding:0;
}
to your CSS. That might work.
__________________
Marc
Staff Manager - Webforumz.com


Want to be a moderator? PM me.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #3  
Old Dec 23rd, 2007, 00:46
Reputable Member
Join Date: Oct 2007
Location: At my house
Age: 22
Posts: 193
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Aligning to the very top

Thanks it worked. Appreciate the help. Also, if I want to just adjust the top or the bottom, I will just have to change it to margin-top or margin-bottom, correct?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #4  
Old Dec 23rd, 2007, 05:14
Ryan Fait's Avatar
Elite Veteran
Join Date: May 2006
Location: Las Vegas
Posts: 3,787
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Aligning to the very top

Yep. You can use shorthand as well.

Code: Select all
margin: top right bottom left;
margin: 0 15px 0 15px;

margin: top right/left bottom;
margin: 0 15px 0;

margin: top/bottom left/right;
margin: 0 15px;

margin: top/right/bottom/left;
margin: 15px;
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #5  
Old Dec 23rd, 2007, 08:48
Marc's Avatar
Staff Manager

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 1,765
Thanks: 0
Thanked 14 Times in 14 Posts
Re: [SOLVED] Aligning to the very top

Glad the problem is solved.

Thread Marked as Solved.

You can un-mark it as solved by Thread Tools -> Mark this thread as Unsolved
__________________
Marc
Staff Manager - Webforumz.com


Want to be a moderator? PM me.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
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
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Aligning box to right fr33sty13 Web Page Design 8 Jun 6th, 2008 03:49
Aligning content fr33sty13 Web Page Design 5 Apr 26th, 2008 14:01
Aligning scrollbars Ola JavaScript Forum 4 Feb 29th, 2008 16:16
CSS Aligning Wesley Web Page Design 15 Jan 20th, 2008 19:49
GD Aligning? PicoDeath PHP Forum 3 Aug 2nd, 2007 16:14


All times are GMT. The time now is 19:31.


Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.2.0 RC8
© 2003-2008 Webforumz.com : All Rights Reserved

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42