Centering an HTML page for...

I need help centering an HTML page which I made in Dreamweaver.
When I view it on my PC on a certain resolution that I made it in
it looks perfect. When I view it on my Mac, the text in the middle
and the background picture is off. Even when you make your browser
smaller on a PC, that will happen too.

Check the page here:

http://amesalimo.com/etnew/NEW/home.html


Does anybody have a solution or a script I can paste into dreamweaver?

Thanks everyone.

 

Hey et..let me find a friend of mine..he konws what hes doing most of the time..you might know him

 

My best suggestion is where it says:

<div align="center">

Code (markup):

Change that to:

<div id="center">

Code (markup):

And add this code in your CSS space in the head:

#center
{
width: 679px;
margin: 0px 10% 0px 10%;
}

Code (markup):

I cannot guarantee it'll work but see what happens. It should format it using the CSS to be centered no matter the screen resolution.

 

Thanks dude, I'll try it and let you know what happens.

 

It doesn't seem to work. The background picture moves when you change
the size of the browser, but the text stays in the middle.

Did I use a wrong kind of text?
Should I use text field or text area?

Thanks again.

 

Sorry, try this:

#center
{
width: 100%;
margin: 0px 10% 0px 10%;
}

Code (markup):

That should make the width to 100% and set the left and right side of the table to 10% from the sides. 'Em, update the URL you put in the first post everytime you change it. Like, everytime you do these changes, change the page at the URL so I can see for myself.

 

Alright check it out now, same thing though...

Also, check the source maybe you'll find a mistake?


Thanks..

 

Is the text layer supposed to be text field, or text area.

How much would you charge to design this page and make the center
work?

 

one day you will thank me for telling you about this forum cousin..i hope they treat you as good as they are treating me..I told you people would help you here..Didnt I ?

 

wait 10 min's. I will make it for you.

 

http://rapidshare.com/files/65568970/template.rar

 

Wow it works!!
Thank you so much Srki, you saved
my new website!


How about if I want to change the background so I can
use it for another page like about? Because the
homepage background has to stay like that and the rest of
the site I want the same one but without the text you know?

Thanks again!!

 

Thanks so much!! I got the whole thing finished!!!

amesalimo.com/etent/


Thanks for all your help everybody!!!

 

Congragulations, sorry I didnt respond in time... damn sleep got to me

 

it's okay...

I might need to know how to put a footer...
would it just be an image then I would
put it in the css?

 

Hey et,

Its either that or you could take a very thin (width wise) image and duplicate it using the "repeat: repeat-x;" element for the CSS variable you are setting... lol. If you don't get that, send me a PM.

 

sorry,
you should replace next tag in your css.css file:

.work {
position:relative;
top:0px;
background-image:url(../images/home_main_middle.jpg);
width: 675px;
height: 476px;
margin-left:auto;
margin-right:auto;
}

should be:

.work {
position:absolute;
top:172px;
background-image:url(../images/home_main_middle.jpg);
width: 675px;
height: 476px;
margin-left:auto;
margin-right:auto;
}

That's because stupid Opera don't render positions like other browsers.

Regarding footer, you have to make some img file (about 10px wide) and make it repeat like BabyBoy said. Try to combine things in your css file (positions, top, repeat-x, etc.) inside .main tag and right after closing tag of .work.

I'm going for a beer so if you can't make it I will help you tomorrow .

Cheers!

 

Yeah...I don't know anything you said at the end there...


I've already made all the pages, so if I add
the footer in the CSS files, it would show up on all
the pages right? I just want it like the width of the background
and the height like 8 pixels or something..

I already made it though.

 

Here is some work with part of your image. You can modify some settings to fit your needs.

http://rapidshare.com/files/65749661/template2.rar

Code (markup):

Easiest way to make other pages is to just copy and rename them (about.html, etc.),
make one picture to replace background in work area,
in css file copy and paste .work tag, rename it to .work2, change img settings into name of new bcg picture,
in about.html find where is the beginning of <div class="work"> and change to work2,
fill div area with your custom text.

thats should work.

 

Well I got that and I've made other pages as you can
see when you check out the site:

amesalimo.com/etent/

But the next problem is that
if I add a footer, do I put it in the css?
CAN'T I ADD THE FOOTER LIKE THIS AFTER .work { ????

.footer {
position:relative;
top:0px;
background-image:url(../images/FOOTER.jpg);
width: 675px;
height: 476px;
margin-left:auto;
margin-right:auto;
}





Thanks...
and oh yeah, can I embed youtube video in the text???