Quick Login   
 
Register AdminFusion Tutorials
 
Featured Sponsors


One.com Domain and Hosting


Register
Forum of the Month
Australian Webmaster
fotm

A webmaster forum specifically catering for Australian site owners. We discuss site development, marketing and management issues.

Tag Cloud
Latest Threads
Forum Stats
8,054 Members
165,791 Posts
40 Users Online

Please welcome our newest member, HaMiDoZ!

Affiliates
Go Back AdminFusion » Management » Graphics and Design » Forum and index page display values!
Welcome to the AdminFusion. AdminFusion is the ultimate resource for forum administrators and moderators. With exclusive articles, interviews with the experts, free downloadable skins, and the revolutionary post exchange system - PostFusion, AdminFusion is the place to go for all of your forum needs.  By joining AdminFusion, you will become part of a thriving admin community and immediately gain access to all of these resources. Registration is fast, simple and absolutely free so please join us today!
Want more than our forums? Try these: Post Fusion Forum Matrix
Old 04-10-2007, 11:49 PM   #1

Title: Rookie

Points: 1,459, Level: 10Points: 1,459, Level: 10Points: 1,459, Level: 10
Level up: 11%, 91 Points neededLevel up: 11%, 91 Points neededLevel up: 11%, 91 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Feb 2007

Posts: 27

Location: Central New Jersey

The Smoking Gun is on a distinguished road
 
 
Exclamation Forum and index page display values!

Hi all,

I am wondering if anyone knows how to make the size of the display fixed, because when browser resolution changes so does the software display of the page, forum, or blog, but the adsense ads and images used for mast head and banner logos do not, therefore when a browser set at 800x600 comes to one of my sites, things are out of skew, because the mybb or wordpress, or index landing page, changes proportionately to the resolution setting, but the ads and graphics do not, now all the sites are set to be centered, with enough space on either side to allow for 800x600 to view full screen, i would like it to be as res goes up the site stays the same size just adding more space to either side of the web page, similarly to the way this page we are on does not change with resolution changes, only the space on either side does!

If anyone can tell me how this is done it would be greatly appreciated!

TSG!

P.S. Site is changing hosts and I need to repair some data loss, so the blog is a little messed up!
For future landing page, http://www.gardeningsphere.com/gspages/index.html
Reply With Quote
Old 04-14-2007, 02:19 PM   #2

Captain Tycoon's Avatar

Title: Apprentice

Points: 2,540, Level: 14Points: 2,540, Level: 14Points: 2,540, Level: 14
Level up: 15%, 210 Points neededLevel up: 15%, 210 Points neededLevel up: 15%, 210 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Dec 2006

Posts: 275

Location: United Kingdom

Captain Tycoon is just really niceCaptain Tycoon is just really niceCaptain Tycoon is just really niceCaptain Tycoon is just really nice
Send a message via MSN to Captain Tycoon  
 
Thumbs up

Dont do this, my mistake

On your Left and Right side's of the page, you've used Padding of 10px (i believe). You have to make it 0px.

My opinion, it could be this code (File: 3col_rightNav.css)
Code:
#masthead{
	padding: 10px 0px 0px 0px;
Once you've done that, i will be able to help you again.
__________________
Reply With Quote
Old 04-14-2007, 02:24 PM   #3
Ant

Ant is offline

Title: Member

Points: 2,020, Level: 12Points: 2,020, Level: 12Points: 2,020, Level: 12
Level up: 13%, 130 Points neededLevel up: 13%, 130 Points neededLevel up: 13%, 130 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Mar 2006

Posts: 116

Location: Christchurch, Dorset

Ant has a spectacular aura aboutAnt has a spectacular aura aboutAnt has a spectacular aura about
Send a message via AIM to Ant Send a message via MSN to Ant Send a message via Yahoo to Ant Send a message via Skype™ to Ant  
 
That code adds 10px padding above, not on the sides or below.

The easiest way to achieve what you seem to be asking for is to stick a DIV around everything, with a fixed width of whatever you want (eg 750px for 800x600) and auto side margins to center it, simple as that.
__________________
Stargate Forum! - Discuss SG-1, Atlantis and other great Sci-Fi shows!!
DiscussDreams.com - Dream Discussion and Analysis
Just a Face? - Post a picture and see who the world thinks you are!
Reply With Quote
Old 04-14-2007, 02:31 PM   #4

Captain Tycoon's Avatar

Title: Apprentice

Points: 2,540, Level: 14Points: 2,540, Level: 14Points: 2,540, Level: 14
Level up: 15%, 210 Points neededLevel up: 15%, 210 Points neededLevel up: 15%, 210 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Dec 2006

Posts: 275

Location: United Kingdom

Captain Tycoon is just really niceCaptain Tycoon is just really niceCaptain Tycoon is just really niceCaptain Tycoon is just really nice
Send a message via MSN to Captain Tycoon  
 
Thumbs up

Quote:
Originally Posted by Ant
That code adds 10px padding above, not on the sides or below.
Darn! Sorry about that, i was just so sure =) Im still positive that there is a padding on the left
__________________
Reply With Quote
Old 04-14-2007, 03:15 PM   #5

RedMatrix's Avatar

Title: Gas 1.43

Points: 25,494, Level: 48Points: 25,494, Level: 48Points: 25,494, Level: 48
Level up: 49%, 56 Points neededLevel up: 49%, 56 Points neededLevel up: 49%, 56 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Feb 2006

Posts: 3,984

Location: back in TX

RedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond repute
Send a message via ICQ to RedMatrix Send a message via MSN to RedMatrix  
 
There's a difference between margins & padding.

Margin is the wasted space... the dark grey on AF for instance.

Padding is how far away from the edge of the border you want the content.

Also, in CSS, the settings start at the TOP, then like a clock, go: Right - Bottom - Left. So, Margin: 10px 3px 10px 3px; Means that the top and bottom are 10px, and the left & right are 3px. etc.
__________________
I went to Vegas, and all I got was this Blister. - true story!
Reply With Quote
Old 04-14-2007, 05:30 PM   #6
eJM

eJM is offline

eJM's Avatar

Title: Member

Points: 2,127, Level: 12Points: 2,127, Level: 12Points: 2,127, Level: 12
Level up: 13%, 23 Points neededLevel up: 13%, 23 Points neededLevel up: 13%, 23 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Jun 2006

Posts: 109

Location: teh Ether

eJM is a glorious beacon of lighteJM is a glorious beacon of lighteJM is a glorious beacon of lighteJM is a glorious beacon of lighteJM is a glorious beacon of lighteJM is a glorious beacon of light
 
 
You also do not have to indicate px when using 0. It should be:
Code:
#masthead{
	padding: 10px 0 0 0;
}
You can indicate equal amounts top and bottom and equal sides with:
Code:
#masthead{
	padding: 10px 3px;
}
But it has been my long-time opinion that fixed width designs, especially in these days of larger monitors and better graphics capability, waste content area. You can use fluid widths to much more advantage. Good design does not have to be limited to 800px wide. This isn't to say everything should be 100% wide, but I haven't seen any good excuses for setting it at a fixed narrow width.

Aside from all that, TSG, you have some serious coding errors. W3C reports 48, but checking your page source reveals much worse. Your concerns should not be limited to how you can keep the masthead part of the page the same size as the rest of the page - that is the easy part.

Jim
__________________
Always a work in progress:
www.TheFloorPro.com
Reply With Quote
Old 04-15-2007, 01:23 AM   #7

RedMatrix's Avatar

Title: Gas 1.43

Points: 25,494, Level: 48Points: 25,494, Level: 48Points: 25,494, Level: 48
Level up: 49%, 56 Points neededLevel up: 49%, 56 Points neededLevel up: 49%, 56 Points needed
Activity: 0%Activity: 0%Activity: 0%

Join Date: Feb 2006

Posts: 3,984

Location: back in TX

RedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond reputeRedMatrix has a reputation beyond repute
Send a message via ICQ to RedMatrix Send a message via MSN to RedMatrix  
 
..topic has been split up for a healthy debate.

Go [here] to continue the debate of Fluidity versus Fixed Width.
__________________
I went to Vegas, and all I got was this Blister. - true story!
Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes

 
Posting Rules

Similar Threads
Thread Thread Starter Forum Replies Last Post
Selling links for top Google results page, opportunity for forum skin sites/others Matthew Buy and Sell 0 11-24-2006 02:45 AM
creating top 10 posts in index page website for a forum ? forumrating Graphics and Design 3 06-10-2006 12:04 AM
Creating A Successful Forum PaidPosts Creating Interest 8 12-14-2005 07:47 PM

AdminFusion

All times are GMT +1. The time now is 09:34 AM. Powered by vBulletin® Version 3.7.3
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.
Content Relevant URLs by vBSEO 3.1.0 © 2005-2008 AdminFusion - All Rights Reserved


From:
Title:

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 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72