Web Design Forums

stylin328 · 19-02-2007, 20:34

Im new to css. Can someone show me how to center this website. I tryed the container thing but am obviously doing something wrong. I cant seem to figure out the difference between id's and classes and spans. Any help is appreciated.

Site:

Quote:

CSS

Quote:

#container {
text-align: center;
}

body {
background-image: url(images/regiibackgrd.jpg);

}

div.mainposition {
position:absolute;
left:0px;
top:0px;
width:740px;
height:948px;
}

div.regi07-1slice-01_ {
position:absolute;
left:0px;
top:0px;
width:199px;
height:129px;
}

div.regi07-1slice-02_ {
position:absolute;
left:199px;
top:0px;
width:28px;
height:129px;
}

div.regi07-flashbackgrd_ {
position:absolute;
left:227px;
top:0px;
width:510px;
height:129px;
}

div.regi07-buymadeeay_ {
position:absolute;
left:0px;
top:129px;
width:199px;
height:257px;
}

div.regi07-1slice-05_ {
position:absolute;
left:199px;
top:129px;
width:538px;
height:1px;
}

div.regi07-1slice-06_ {
position:absolute;
left:199px;
top:130px;
width:537px;
height:256px;
}

div.regi07-1slice-07_ {
position:absolute;
left:736px;
top:130px;
width:1px;
height:256px;
}

div.regi07-1slice-08_ {
position:absolute;
left:0px;
top:386px;
width:199px;
height:517px;
}

div.regi07-1slice-09_ {
position:absolute;
left:199px;
top:386px;
width:538px;
height:517px;
}

div.regi07-1slice-10_ {
position:absolute;
left:0px;
top:903px;
width:737px;
height:43px;
}

div.regi07-1slice-11_ {
position:absolute;
left:0px;
top:946px;
width:737px;
height:20px;
}

div.regi07-1slice-12_ {
position:absolute;
left:0px;
top:966px;
width:737px;
height:1px;
}

Paul · 20-02-2007, 04:03

first you will have to put all of your div's in the container. at the moment there is no container

HTML Code:

<div id="container">
all the divs and other code go in here
</div>

then put this in the css

Code:

#container { margin : 0 auto;}

stylin328 · 20-02-2007, 11:45

and that code with #container will center it as well.?

Thanks for your help.

Paul · 20-02-2007, 12:57

that will center the whole site, the text align will center the text

stylin328 · 20-02-2007, 13:20

thanks...

Paul · 20-02-2007, 13:23

nae bother mucker

20-02-2007, 04:03	#2 (permalink)
Paul Junkie[scum] Join Date: Oct 2006 Location: location, location Posts: 1,803	first you will have to put all of your div's in the container. at the moment there is no container HTML Code: <div id="container"> all the divs and other code go in here </div> then put this in the css Code: #container { margin : 0 auto;}

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

20-02-2007, 11:45	#3 (permalink)
stylin328 Senior Member Join Date: Jun 2006 Location: NYC Posts: 332	and that code with #container will center it as well.? Thanks for your help.

20-02-2007, 12:57	#4 (permalink)
Paul Junkie[scum] Join Date: Oct 2006 Location: location, location Posts: 1,803	that will center the whole site, the text align will center the text

20-02-2007, 13:20	#5 (permalink)
stylin328 Senior Member Join Date: Jun 2006 Location: NYC Posts: 332	thanks...

20-02-2007, 13:23	#6 (permalink)
Paul Junkie[scum] Join Date: Oct 2006 Location: location, location Posts: 1,803	nae bother mucker

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)