Web Design Forum: DW - Make content appear in middle of page - Web Design Forum

Jump to content

View New Content

Page 1 of 1

You cannot start a new topic
You cannot reply to this topic

DW - Make content appear in middle of page Help with dreamweaver layout Rate Topic:

#1 Malcolm

Forum Newcomer

Group: Members
Posts: 9
Joined: 24-March 11
Reputation: 0
Gender:Male
Experience:Beginner
Area of Expertise:Web Developer

Posted 25 March 2011 - 12:05 PM

Hello and thanks for your time in reading this..

I am using the latest Dreamweaver software and have made my website for the common 1024x768 user.
Although, my resolution is 1900x1200 and all the content therefore appears in the top right of the webpage.
How do I get all the content to always appear in the horizontal middle of the page

Thanks,
Malcolm

#2 ChristopherDarling

Advanced Member

Group: Members
Posts: 343
Joined: 27-November 08
Reputation: 7
Gender:Male
Location:Bristol - UK
Experience:Advanced
Area of Expertise:Designer/Coder

Posted 25 March 2011 - 01:02 PM

put all your body html inside a <div id="wrapper"></div>

then add the following CSS

#wrapper { width:960px; margin:0 auto; }

#3 Malcolm

Forum Newcomer

Group: Members
Posts: 9
Joined: 24-March 11
Reputation: 0
Gender:Male
Experience:Beginner
Area of Expertise:Web Developer

Posted 28 March 2011 - 08:00 PM

ChristopherDarling, on 25 March 2011 - 01:02 PM, said:

then add the following CSS

#wrapper { width:960px; margin:0 auto; }

Thanks, erm.. how do you add the CSS code in

#4 web-itec

Expert

Group: Members
Posts: 533
Joined: 23-March 11
Reputation: 53
Gender:Male
Location:United Kingdom
Experience:Advanced
Area of Expertise:Web Developer

Posted 30 March 2011 - 07:57 PM

Malcolm, on 28 March 2011 - 08:00 PM, said:

Thanks, erm.. how do you add the CSS code in

you can do that by creating a css file and putting it in there and then linking the css into the head of your html file like below

<head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>

or you could put the css straight into your html like

<head>
<style type="text/css">
#wrapper { width:960px; margin:0 auto; }
</style>
</head>

hope you get what im trying to say