center dj

djwilson · #1 (**permalink**) 09-03-2009, 05:50 PM

Hi,

im trying to center:

www.youtubedjchannel.com/business.php

to the center of the page but having know luck.

bmcoll3278 · #2 (**permalink**) 09-03-2009, 09:21 PM

ok a few things

first move your style sheet up it needs to be between <head> and </head>

Hear is your sheet now

Code:

<style type="text/css"> 
.img1 { text-align: center }
 
.adspace_right {
	float: right;
	margin: 180px 160px 10px 10px;
}
 
.adspace_left {
	float: left;
	margin: 180px 10px 10px 160px;
}
 
</style>

Make it this

Code:

<style type="text/css"> 
.img1 { text-align: center }
 
.adspace_right {
	float: right;
	margin: 180px 160px 10px 10px;
}
 
.adspace_left {
	float: left;
	margin: 180px 10px 10px 160px;
}
 div.centered {
 text-align: center;
 border-width: 0px;
}
 
</style>

now right after the body tag<body>

change it to

Code:

<body><div class="centered">

and at the bottom of the page

Code:

</div></body>

every thing inside that div will be centered.

djwilson · #3 (**permalink**) 09-03-2009, 09:34 PM

Hi, it hasnt worked?

bmcoll3278 · #4 (**permalink**) 09-04-2009, 05:04 PM

I am sorry I should have looked harder before my answer.

you know what they say about (ass u me)

I pulled your style sheet and I am not a template pro but I can see that everything is positioned by the style sheet
You will see lines that look like this
margin: 33px 40px 41px 85px;

If you make a copy you can go back to in case you screw up then start playing with these numbers in your style sheet you will start moving things around on the page. If you mess it up just upload a copy that you saved and start again.

ishkey · #5 (**permalink**) 09-04-2009, 10:00 PM

It could be because in the original css file it has outer, wrapper (something for ie6 and below) and header sectors that are missing.
The one which centers it is the wrapper, now a days you just set the body sector something like this (wrapper be gone)

#body{
width:774px; margin:0 auto;
}

Think of the pic below of the upside down pyramid, take away the top layer holding everything down and the lower stuff rushes up to file in it's place.

djwilson · #6 (**permalink**) 09-05-2009, 09:16 PM

Thanks for the help but im going in circles here

ishkey · #7 (**permalink**) 09-05-2009, 09:20 PM

clockwise or counter-clockwise it's important you know because where CovertPea lives the water goes down the drain backwards from the way it goes down up here.
That's confusing..........

djwilson · #8 (**permalink**) 09-05-2009, 09:37 PM

Any clear up, sorry about the dumbness

ishkey · #9 (**permalink**) 09-05-2009, 10:40 PM

I was just tring to lighten things up.
Sorry, I know how it gets when you are pullig your hair out.
What screen size are you coding for?
post your css and index.html or whatever - will look at it.

djwilson · #10 (**permalink**) 09-05-2009, 10:55 PM

Dave, sorry, I wasnt having a pop at you.

mmm, not sure sorry, 17" screen if that helps.

Thread Tools
Show Printable Version Email this Page
Display Modes
Linear Mode Switch to Hybrid Mode Switch to Threaded Mode