help in centering page

[bobby2]

I am having trouble centering the page as you will see below, also I want to know if theres anyway to get the ebay button to move like around the page more easily like absolute positioning. Thanks!


http://www.hcgdropsfat.com/hcg-order

 

[PixelPusher]

You site is centered, are you referring to one product item that isnt?

Also, the markup for you site is a mess, could be partly why you are having this problem. Looks like some type of auto-generated code.

 

[bobby2]

actually if you look at the bottom page where the body is it is be left aligned and I would like it to be centered

 

[smoovo]

Maybe I checked while you working on the page... But i can't see a centering problem, instead i see a product in the middle of the page floating right.

 

[PixelPusher]

Maybe I checked while you working on the page... But i can't see a centering problem, instead i see a product in the middle of the page floating right.

Same here.

 

[bobby2]

oops that was my fault I had to make some changes to it and I didnt upload the changes to the ftp server try now

http://www.hcgdropsfat.com/hcg-order

 

[bobby2]

bump

I still need help centering this page. please assist me in getting the bottom part of the page centered.

http://www.hcgdropsfat.com/hcg-order

 

[smoovo]

Centering page with CSS

You should design your page wisely before inserting content. You have no sense in the structure. This is only the beginning. You have no stylesheet attached, your page points to your local machine instead. You have the same problem with your images.

Basically you need to tell the "body" or the "container" div, to align the content to the center. If you are using "container" div, tell it to take all the width and height.

Next, place you page content as a div, call it "page". Give it width to contain all of your content, let's say 900px. tell it to be flex, margin:auto will do the job. And to be more protected, text will be aligned to left.

example

#container {
    width:100%;
    height:100%;
}

#page {
    width:900px;
    margin:auto;
    text-align:left;
}

and your page will look like this

<div id="container">
    <div id="page">
        Your content...
    </div>
</div>

No offense, but try to be more clean. Your script should look clean and easy to access, for you and for the one that will follow you.

- Enjoy.

 

[PixelPusher]

Your paragraphs are too wide. Remove the width property from following styles:

.entirebodytag {
width:1010px;
}
body p {
width:1010px;
}

Use padding if you want to adjust your text. By default the paragraph element will expand to the full width of its parent.

 

[orangecopper]

start using Dreamweaver - you would not have to keep asking others and you can help your self. the GUI on the DM is excellent, all you have to do is select the table and from the properties tab select "center"

cheers
Josh

 

[sitebuilder]

<div style=" margin-left: auto ;
margin-right: auto ;"> everything in this div will be centered so long as this div width is smaller than the width of the div containing it </div>

And yeah always use dreamweaver if you can afford it, its got some learning curve but its definitely the best web design GUI

 

[sitebuilder]

<div style="margin-left: auto; margin-right: auto;"> This will set the left and right margins to auto adjust and equal each other, ie. center the div tag inside its surrounding area </div>

And yeah always use Dreamweaver if you can afford it, it's a great GUI

 

[bobby2]

PIXEL PUSHER YOU ROCK!! thats all i needed! Im sure i could use a lesson or 2 but for now all i needed to know was how to center the @#$% page haha thanks again...!

and orangecooper what is dm? sorry I am still a noobie web designer

 

[PixelPusher]

PIXEL PUSHER YOU ROCK!! thats all i needed! Im sure i could use a lesson or 2 but for now all i needed to know was how to center the @#$% page haha thanks again...!

and orangecooper what is dm? sorry I am still a noobie web designer

Thanks bud, glad I could help.