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.



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.


Reply
Page 2 of 2 < 1 2
 
LinkBack Thread Tools
  #21 (permalink)  
Old Sep 19th, 2007, 14:47
karinne's Avatar
SuperMember

SuperMember
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.
Reply With Quote
  #22 (permalink)  
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.
Reply With Quote
  #23 (permalink)  
Old Sep 19th, 2007, 14:54
karinne's Avatar
SuperMember

SuperMember
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?
Reply With Quote
  #24 (permalink)  
Old Sep 19th, 2007, 14:54
AdRock's Avatar
SuperMember

SuperMember
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to AdRock
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*/
Reply With Quote
  #25 (permalink)  
Old Sep 19th, 2007, 14:55
karinne's Avatar
SuperMember

SuperMember
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!
Reply With Quote
  #26 (permalink)  
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
Reply With Quote
  #27 (permalink)  
Old Sep 19th, 2007, 15:26
karinne's Avatar
SuperMember

SuperMember
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>
Reply With Quote
  #28 (permalink)  
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
Reply With Quote
  #29 (permalink)  
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
Reply With Quote
  #30 (permalink)  
Old Sep 19th, 2007, 15:28
karinne's Avatar
SuperMember

SuperMember
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
Reply With Quote
  #31 (permalink)  
Old Sep 20th, 2007, 03:03
Most Reputable Member
Join Date: Feb 2004
Location: Borneo
Age: 27
Posts: 1,608
Blog Entries: 2
Thanks: 0
Thanked 4 Times in 3 Posts
Send a message via Yahoo to Monie
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)
Reply With Quote
  #32 (permalink)  
Old Sep 20th, 2007, 06:34
mcdanielnc89's Avatar
SuperMember

SuperMember
Join Date: Sep 2007
Location: Missouri
Age: 18
Posts: 231
Blog Entries: 1
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via AIM to mcdanielnc89 Send a message via Yahoo to mcdanielnc89 Send a message via Skype™ to mcdanielnc89
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)
Reply With Quote
  #33 (permalink)  
Old Sep 20th, 2007, 09:19
AdRock's Avatar
SuperMember

SuperMember
Join Date: Jul 2006
Location: Devon, England
Posts: 565
Thanks: 0
Thanked 0 Times in 0 Posts
Send a message via MSN to AdRock
Re: Centering my site
There is no DOCTYPE declared so no wander there is 184 errors
Reply With Quote
  #34 (permalink)  
Old Sep 20th, 2007, 15:02
Marc's Avatar
Moderator

SuperMember
Join Date: Apr 2007
Location: Scotland, UK
Age: 15
Posts: 1,649
Thanks: 0
Thanked 8 Times in 8 Posts
Send a message via MSN to Marc Send a message via Skype™ to Marc
Re: Centering my site
Help on choosing a doctype: W3 Doctypes.

I suggest either HTML Strict or (x)HTML Strict.
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 23:50.

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

Sleep Study Scoring :: Free Bet :: Online Betting :: Bookmakers :: Funny Quotes :: Internet Recruitment Software :: Microsoft CRM Experts :: Online Casino :: Decorated Christmas Trees :: Midwife Forums :: Football Betting :: Web Development India :: Ecommerce Software :: Football Stats :: Dry Cleaning Collection :: Free Bets :: xtreme wales - extreme clothing :: Apuestas :: SEO Company India :: Werbeartikel :: Sharepoint Consultants :: Search Engine Optimisation :: Office Clearance London :: Sharepoint Experts :: Sports Betting :: Casino :: Website Templates :: Online Gambling

Powered by vBulletin®
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd.
Search Engine Friendly URLs 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 43