Author Topic: Center a website problem (Read 11976 times)

Typhoon · « **on:** November 12, 2010, 11:22:51 AM »

I have made a website and i have made it center for every browser but it nevers gets center for IE anyone know a way to get around it

kpac · « **Reply #1 on:** November 12, 2010, 12:32:36 PM »

Code?

Typhoon · « **Reply #2 on:** November 12, 2010, 02:39:15 PM »

CSS and HTML

kpac · « **Reply #3 on:** November 12, 2010, 02:46:23 PM »

Arghhhhh.....

What code are you using at the minute? I assume you're using <div align="center"> etc.?

Here's the proper way: http://www.webdesigntuts.net/css-tutorials/how-to-center-a-website-with-css.html

reddevilggg · « **Reply #4 on:** November 12, 2010, 03:00:00 PM »

Quote from: kpac on November 12, 2010, 12:32:36 PM

Code?

Quote from: Typhoon on November 12, 2010, 02:39:15 PM

CSS and HTML

Sorry, but had to laugh

kpac · « **Reply #5 on:** November 12, 2010, 03:39:17 PM »

Don't worry, I had that same urge.

Typhoon · « **Reply #6 on:** November 12, 2010, 03:54:43 PM »

yeah im useing the proper way

haha didn't know what i was thinking oh i know i was eating food lol

kpac · « **Reply #7 on:** November 12, 2010, 04:11:15 PM »

Okay....so post the code you're using now.

Typhoon · « **Reply #8 on:** November 12, 2010, 04:39:04 PM »

This may be wrong lol im new to this website that im doing plus im a beginner to website design lol
but here it is

body{
   font-family: Arial,sans-serif;
   color: #333333;
   line-height: 1.166;
   margin: 0px;
   padding: 0px;
   background: #ffffff url(bg_grad.jpg) fixed;
}

a:link, a:visited{
   color: #005FA9;
   text-decoration: none;
}

a:hover{
   text-decoration: underline;
}

h1{
font: bold 120% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

h2{
font: bold 114% Arial,sans-serif;
color: #006699;
margin: 0px;
padding: 0px;
}

h3{
font: bold 100% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

h4{
font: 100% Arial,sans-serif;
color: #333333;
margin: 0px;
padding: 0px;
}

h5{
font: 100% Arial,sans-serif;
color: #334d55;
margin: 0px;
padding: 0px;
}

ul{
list-style-type: square;
}

ul ul{
list-style-type: disc;
}

ul ul ul{
list-style-type: none;
}

form {
   margin: 0;
   padding: 0;
}

label{
font: bold 1em Arial,sans-serif;
color: #334d55;
}

input{
font-family: Arial,sans-serif;
}

#pagecell1{
   margin:0 auto;
   top: 197px;
   left: 99px;
   right: 99px;
   width:822px;
   background-color: #ffffff;
}

#tl {
   margin:0 auto;
   top: -1px;
   left: -1px;
   margin: 0px;
   padding: 0px;
   z-index: 100;
}

#tr {
   margin:0 auto;
   top: -1px;
   right: -1px;
   margin: 0px;
   padding: 0px;
   z-index: 100;
}

#masthead{
   margin:0 auto;
   padding:15px 0 0 0;
   top: 25px;
   height:172px;
   left: 99px;
   right: 99px;
   width:822px;

}

#pageNav{
   margin:0 auto;
   float: left;
   width:178px;
   padding: 0px;
   background-color: #F5f7f7;
   border-right: 1px solid #cccccc;
   border-bottom: 1px solid #cccccc;
   font: small Verdana,sans-serif;
}

#content{
   margin:0 auto;
   padding: 0px 10px 0px 0px;
   margin:0px 0px 0px 178px;
   border-left: 1px solid #ccd2d2;
}

BC_Programmer · « **Reply #9 on:** November 12, 2010, 10:59:51 PM »

And...

the HTML?

(the CSS has nothing in it that would indicate centering...)

Typhoon · « **Reply #10 on:** November 13, 2010, 10:37:20 AM »

kpac · « **Reply #11 on:** November 13, 2010, 10:52:31 AM »

What are you using to create your site?

Typhoon · « **Reply #12 on:** November 13, 2010, 10:53:39 AM »

dreamwever

kpac · « **Reply #13 on:** November 13, 2010, 11:36:36 AM »

Okay. Your CSS styles are using what's called absolute positioning. You are telling them exactly where to be on the page, i.e. "top: 55px; left: 195px" etc. etc. This is a very bad way of doing it, because 1) not everyone has the same size screen as you, 2) not everyone uses the same browser as you, 3) toolbars and the height of the browser window affect it.

Are you manually typing the code into DW or are you letting the software do it?

Typhoon · « **Reply #14 on:** November 13, 2010, 11:46:37 AM »

yes im manually, ok do you know any tuts that would help me

TechFixOrg · « **Reply #15 on:** November 20, 2010, 01:29:43 AM »

Here you go...

http://www.w3schools.com/

TechFixOrg · « **Reply #16 on:** November 20, 2010, 02:19:50 AM »

Use css instead of html to center it.

example:

Code: [Select]

.center
{
   margin-left:auto;
   margin-right:auto;
   width:75%;
}

TechFixOrg · « **Reply #17 on:** November 20, 2010, 02:22:52 AM »

also... you have this:

Code: [Select]

<div id="masthead">
  <div align="center"><img src="header.jpg" width="822" height="172"></div>
</div>

you left out a / in your image tag, it should be:

Code: [Select]

<div id="masthead">
  <div align="center"><img src="header.jpg" width="822" height="172" /></div>
</div>

Typhoon · « **Reply #18 on:** November 20, 2010, 01:56:48 PM »

ok ill try that thanks

jim345 · « **Reply #19 on:** November 22, 2010, 05:21:47 AM »

I am having the same problem. It is annoying wit IE.

Quantos · « **Reply #20 on:** November 23, 2010, 12:25:11 AM »

Quote from: jim345 on November 22, 2010, 05:21:47 AM

I am having the same problem. It is annoying wit IE.

Start a new thread, we will assist you there.

TechFixOrg · « **Reply #21 on:** November 23, 2010, 07:05:17 AM »

Try This...

Code: [Select]

<div id="masthead">
    <div style="text-align:-moz-center; text-align:center; ">
        <img src="header.jpg" width="822" height="172" />
    </div>
</div>

Typhoon · « **Reply #22 on:** December 02, 2010, 11:34:23 AM »

Quote from: TechFixOrg on November 23, 2010, 07:05:17 AM

Try This...

Code: [Select]
<div id="masthead"> <div style="text-align:-moz-center; text-align:center; "> <img src="header.jpg" width="822" height="172" /> </div> </div>

No that doesn'r work

shpgrl · « **Reply #23 on:** December 10, 2010, 06:38:06 PM »

What happened to just using
<center > before your body and
</center > after

or one right after your opening head tag and one right before the ending head tag, depending on how your page is set up.

Has always worked for me.

BC_Programmer · « **Reply #24 on:** December 10, 2010, 06:40:55 PM »

Quote from: shpgrl on December 10, 2010, 06:38:06 PM

What happened to just using
<center > before your body and
</center > after

or one right after your opening head tag and one right before the ending head tag, depending on how your page is set up.

Has always worked for me.

yeah that was a great solution,

in 1996.

shpgrl · « **Reply #25 on:** December 10, 2010, 06:49:58 PM »

Quote from: BC_Programmer on December 10, 2010, 06:40:55 PM

yeah that was a great solution,

in 1996.

So you're saying that doesn't work anymore?

Worked for me as of....um....last week?

BC_Programmer · « **Reply #26 on:** December 10, 2010, 06:52:01 PM »

Quote from: shpgrl on December 10, 2010, 06:49:58 PM

So you're saying that doesn't work anymore?

Never said that.

But you know what else works? Netscape navigator 4.

kpac · « **Reply #27 on:** December 12, 2010, 02:59:35 PM »

As I have said already,

Quote

Here's the proper way: http://www.webdesigntuts.net/css-tutorials/how-to-center-a-website-with-css.html

Computer Hope Forum

News:

Author Topic: Center a website problem (Read 11976 times)

Typhoon

kpac

Typhoon

kpac

reddevilggg

kpac

Typhoon

kpac

Typhoon

BC_Programmer

Typhoon

kpac

Typhoon

kpac

Typhoon

TechFixOrg

TechFixOrg

TechFixOrg

Typhoon

jim345

Quantos

TechFixOrg

Typhoon

shpgrl

BC_Programmer

shpgrl

BC_Programmer

kpac