Centering my site

This is a discussion on "Centering my site" within the Web Page Design section. This forum, and the thread "Centering my site 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
Reload this Page Centering my site

Notices
Please Register!
Webforumz.com is an education based community supporting web designers, developers and those who are new and learning. If you are a designer, developer, learning web design or are thinking about a career in web design then you have come to the right place. Register for free now to access more information and to participate in discussion and debate.
Hi Unregistered, why not enter WOTM this month and show off your skills? Not only will you win the admiration of your colleagues, but also one years supermember status and your site featured on the home page. Go on enter NOW !




Reply
Page 2 of 2 < 1 2
 
LinkBack Thread Tools
  #21  
Old Sep 19th, 2007, 14:47
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
Please run your site through the validator and come back when your errors have been fixed.

You have some " " and divs not properly closed.

You have

HTML: Select all
</html>
>
</html>
Last edited by karinne; Sep 19th, 2007 at 14:49.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #22  
Old Sep 19th, 2007, 14:51
Junior Member
Join Date: Sep 2007
Location: Uk
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Very urgent help needed
Quote:
Originally Posted by AdRock View Post


You put it in the body section of the page...What you need to do is put that line either in your external stylesheet or use

HTML: Select all
<style>
body { background-color: #FFFFFF; text-align: center; min-width: 780px; }
</style>
in between the <head> and </head> section

Hi I did so, but still get that error.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #23  
Old Sep 19th, 2007, 14:54
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
Quote:
Originally Posted by gotmad View Post
Hi I did so, but still get that error.
You still get the PHP error?
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #24  
Old Sep 19th, 2007, 14:54
Highly Reputable Member
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
replace the stylesheet with this
HTML: Select all
body {
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    background-color: #0066CC;
    text-align: center; 
    min-width: 780px;
}

.text        { font-family: tahoma; font-size: 8pt; color: #000000; word-spacing: 0; 
               text-indent: 0; line-height: 110%; text-align: left; margin: 0 }
               
.text A:link {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}

.text A:visited {
    FONT-SIZE: 8pt; COLOR: #0066CC; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
.text A:active {
    FONT-SIZE: 8pt; COLOR: #0066CC; FONT-FAMILY: tahoma; TEXT-DECORATION: none
}
.text A:hover {
    FONT-WEIGHT: normal; FONT-SIZE: 8pt; COLOR: #0066CC; FONT-STYLE: normal; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}

.link A:link {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; font-weight:bold; TEXT-DECORATION: underline
}

.link A:visited {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; font-weight:bold
}
.link A:active {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; font-weight:bold
}
.link A:hover {
    FONT-WEIGHT: bold; FONT-SIZE: 8pt; COLOR: #0066CC; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}


.right        { border-left:1px solid #000000; border-right:1px solid #000000; padding:5; background-color: #FFFFFF; border-top-width:1 }

.right A:link {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: tahoma; TEXT-DECORATION: none; 
}

.right A:visited {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; 
}
.right A:active {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: none; 
}
.right A:hover {
    FONT-SIZE: 8pt; COLOR: #0066CC; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}



.other A:link {
    FONT-SIZE: 8pt; COLOR: #CC3300; FONT-FAMILY: Tahoma; TEXT-DECORATION: none 
}

.other A:visited {
    FONT-SIZE: 8pt; COLOR: #CC3300; FONT-FAMILY: Tahoma; TEXT-DECORATION: none 
}
.other A:active {
    FONT-SIZE: 8pt; COLOR: #CC3300; FONT-FAMILY: Tahoma; TEXT-DECORATION: none 
}
.other A:hover {
    FONT-SIZE: 8pt; COLOR: #000000; FONT-FAMILY: Tahoma; TEXT-DECORATION: underline
}



form         { 
text-align: center; 
direction: ltr; 
margin-top: 0; 
margin-bottom: 0 }


.top-title        { border-left:1px solid #000000; border-right:1px solid #000000; border-top:1px solid #000000; padding:5; background-color: #E1E1E1; border-bottom-width:1 }
.title-2        { border-left:1px solid #000000; border-right:1px solid #000000; padding:5; background-color: #E1E1E1; border-bottom-width:1; font-family:tahoma; font-size:8pt; font-weight:bold }
.right-box        { border-left:1px solid #000000; border-right:1px solid #000000; padding:5; background-color: #E1E1E1; border-top-width:1 }

/* some masterx#s styles */
.style11 {color: #ffffff}
.style9 {
color: #FFFFFF;
background: #fffff;

}
.style14 {
color: #26c;
font-size: 8pt;
}
/* End */

/*Border */
.border{ dotted; border-width: 1; padding: 5; background-color: #FFF1BB; font-family:tahoma; font-size:8pt; width:95% }

/* This is the border line & background colour round the entire page */
.bodyline    { background-color: #171D24; border: 1px #090E13 solid; }

/* Download Table */
.download TD {
    BORDER-RIGHT: #999999 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #999999 0px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: "Verdana"
}
.download1 TD {
    BORDER-RIGHT: #999999 0px solid; PADDING-RIGHT: 0px; BORDER-TOP: #999999 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #999999 0px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: "Verdana"
}
.download TD A {
    COLOR: #000000
}
.download TD {
    COLOR: #000000
}
A:active {
    COLOR: #000000
}
.download1 TD A {
    COLOR: #999999
}
.download1 TD {
    COLOR: #999999
}
/*End*/

/* Advertisement Table */
.bb {border:solid 1px #000}
/*End*/

/* TopList */
.toplist {
    FONT-SIZE: 11px; PADDING-BOTTOM: 0px; COLOR: #323232
}
.toplist A:link {
    COLOR: #323232; TEXT-DECORATION: none
}
.toplist A:visited {
    COLOR: #323232; TEXT-DECORATION: none
}
.toplist A:hover {
    COLOR: #006699; TEXT-DECORATION: underline 
}
/*End*/
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #25  
Old Sep 19th, 2007, 14:55
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
He still needs a containing wrapper!
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #26  
Old Sep 19th, 2007, 15:03
Junior Member
Join Date: Sep 2007
Location: Uk
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
Quote:
Originally Posted by karinne View Post
You still get the PHP error?
Yeah
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #27  
Old Sep 19th, 2007, 15:26
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
Start with this

Quote:
Originally Posted by karinne View Post
Please run your site through the validator and come back when your errors have been fixed.

You have some " " and divs not properly closed.

You have

HTML: Select all
</html>
>
</html>
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #28  
Old Sep 19th, 2007, 15:26
Junior Member
Join Date: Sep 2007
Location: Uk
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
I have put my clients old template for now and got to sort it out
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #29  
Old Sep 19th, 2007, 15:27
Junior Member
Join Date: Sep 2007
Location: Uk
Posts: 11
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
Quote:
Originally Posted by karinne View Post
Start with this

I did that but get 142 errors in w3c
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #30  
Old Sep 19th, 2007, 15:28
Elite Veteran
Join Date: Jan 2007
Location: You know where
Age: 31
Posts: 4,617
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
Get those errors sorted.

Change your Doctype to strict as well
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #31  
Old Sep 20th, 2007, 03:03
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,612
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Re: Centering my site
I load your website in Firefox and ie7, and it seems to be at the center of the screen. What is the problem then?
Last Blog Entry: ASP Programming Tips and Technique (Oct 26th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #32  
Old Sep 20th, 2007, 06:34
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 19
Posts: 232
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
Quote:
Originally Posted by monie View Post
I load your website in Firefox and ie7, and it seems to be at the center of the screen. What is the problem then?
ditto!
Last Blog Entry: My blog? (Oct 18th, 2007)
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #33  
Old Sep 20th, 2007, 09:19
Highly Reputable Member
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Re: Centering my site
There is no DOCTYPE declared so no wander there is 184 errors
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!Spurl this Post!Reddit! Wong this Post!
Reply With Quote
  #34  
Old Sep 20th, 2007, 15:02
Marc's Avatar
Staff Manager

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Posts: 1,782
Thanks: 0
Thanked 16 Times in 16 Posts
Re: Centering my site
Help on choosing a doctype: W3 Doctypes.

I suggest either HTML Strict or (x)HTML Strict.
__________________
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
Page 2 of 2 < 1 2

« Firefox Vs IE7 (CSS) | [SOLVED] The tag &lt;u&gt;! »
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
Vertical centering - please help! mpnuttall Web Page Design 6 Apr 16th, 2008 11:38
Centering website afowler Web Page Design 8 Oct 24th, 2007 18:59
[SOLVED] Centering! mcdanielnc89 Web Page Design 20 Oct 21st, 2007 22:02
centering help please RZX Developer Web Page Design 7 Aug 2nd, 2007 11:58
Centering a DIV johnmr Web Page Design 12 Sep 13th, 2006 13:07


All times are GMT. The time now is 18:00.

Contact Us - Web Design & Development Forums - Archive - Top

Free Bet :: Online Betting :: Bookmakers :: Funny Quotes :: Online Casino :: Web Hosting :: Football Betting :: Web Development India :: Football Stats :: Free Bets :: Extreme Clothing :: Apuestas :: SEO Company India :: Werbeartikel :: Search Engine Optimisation :: Sports Betting :: Casino :: Website Templates :: Online Gambling

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