I'm currently redesigning my website in Dreamweaver CS5. My site was previously made in iWeb, which centered the page automatically in any browser at any resolution. When I preview my site in Safari using Dreamweaver, the whole page seems aligned left.
Another issue (which I should probably also post in the JavaScript forum) is that a JavaScript menu bar I'm using is sticking even more to the left. Is there any way to align it center, then center the entire page?Any help is appreciated. If you need sample code, please say so.
Verandaguy
0
Newbie Poster
Recommended Answers
Jump to PostYou should post a link to your site or at least your html and css code. I can tall you how to center a page, but without your code I cant be sure it would work.
The basics to center a page are a valid doctype first, then set …
Jump to Postwow that's alot of divs! You may have a touch of divitis.
Try creating a wrapper div wrapped around everything.
<body>
<div id="wrapper">
everything else inside this div.
</div>
</body>Then css:
#wrapper {
width: 960px;
margin: 0 …
Jump to PostOn which part? Divitis is wrapping things in divs that aren't always needed. For instance wrapping an image in a div. You can style any block level element just as you might a div.
As far as the css I suggested. Wrapping your page content in a wrapper div, …
All 11 Replies
teedoff
3
Posting Pro
You should post a link to your site or at least your html and css code. I can tall you how to center a page, but without your code I cant be sure it would work.
The basics to center a page are a valid doctype first, then set a wrapper div to a specified width less than the width of the page, then set margin: 0 auto; to that div.
Verandaguy
0
Newbie Poster
The site isn't online yet, but here's the dreamweaver code:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Apple Newsreel - Home</title>
<style type="text/css">
Web {
font-family: "Helvetica Neue";
}
.TitleApple {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
</style>
</head>
<body>
<div id="id5" style="height: 41px; left: 464px; position: absolute; top: 112px; width: 68px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="font-size: 36px; padding-top: 0pt; text-align: justify; font-family: 'Helvetica Neue'; font-weight: light; color: #797979;" class="paragraph_style_4">The</p>
</div>
</div>
</div>
<div id="id" style="height: 65px; left: 497px; position: relative; top: 123px; width: 127px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 48px; color: #CECECE;" class="TitleApple">Apple</p>
</div>
</div>
</div>
<div id="id2" style="height: 33px; left: 587px; position: absolute; top: 123px; width: 113px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 28px;" class="paragraph_style_4">Newsreel</p>
</div>
</div>
</div>
<div id="id3" style="height: 261px; left: 288px; position: absolute; top: 246px; width: 566px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">Welcome to the newly redesigned Apple Newsreel. In the course of the last month or so, I've re-worked the entire site from the ground up to provide a completely different user expreience. Feedback is appreciated on the new look, so please, visit the Contact page and send me an email with your honest opinion.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">You will notice that there is a double space between paragraphs. I'm currently working on it; for now, HTML (the programming language this site is written in, much like almost every other site on the web) has many limitations which <em>can </em>be bypassed, but take time. And since I wanted to get the new site up and running as soon as possible, you'll see kinks get fixed over the next few weeks. </p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">The site's already outfitted with all the reviews and most of the news from the old site, and a nifty new menu bar (the grey bar on top of the screen which you can use to easily jump between sections of the site). And to further simplify navigation, I'm including a complete site navigator, which can be found in the "Map" tab.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">You'll notice a couple of other features: wide columns, a Facebook "Like" button instead of a whole Facebook widget, and less ads.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">Once again, I'd like to ask you to donate if you like the site's content. Being a student, I have no other source of income for the stuff I review. If you do feel like donating, there's an orange PayPal button below. It's a secure connection, so don't worry.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">With that, I leave you to enjoy the site.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple"> </p>
</div>
</div>
<p> </p>
</div>
</body>
</html>
Verandaguy
0
Newbie Poster
Sorry, I'm still a bit of a novice to raw code. (I previously just used iWeb, which relies on a design interface). Could you please elaborate?
teedoff
3
Posting Pro
On which part? Divitis is wrapping things in divs that aren't always needed. For instance wrapping an image in a div. You can style any block level element just as you might a div.
As far as the css I suggested. Wrapping your page content in a wrapper div, which is generally a standard practice, allows you to specify a width and then center your page using the margin auto method. Here I used the css shortcut or css shorthand of:
margin: 0 auto;
which basically means margins top and bottom gets 0px or margin, and left and right margins get the auto value and so will automatically center your page no matter what screen resolution someone is using.
Verandaguy
0
Newbie Poster
I followed your instructions, and added a wrapper-calss <div> to the whole thing
<div class="wrapper", div id="wrapper">And then added a CSS rule to that wrapper with the margin set a auto (as Dreamweaver said that 0 auto is not a default value) to no effect. I then tried setting it to 0 auto despite Dreamweaver's complaints, and still to no effect. This is how my code looks right now:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>The Apple Newsreel - Home</title>
<style type="text/css">
Web {
font-family: "Helvetica Neue";
}
.TitleApple {
border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;
}
.Wrapper {
margin: auto;
}
</style>
</head>
<body>
<div class="Wrapper" id="Wrapper">
<div id="id5" style="height: 41px; left: 464px; position: absolute; top: 112px; width: 68px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="font-size: 36px; padding-top: 0pt; text-align: justify; font-family: 'Helvetica Neue'; font-weight: light; color: #797979;" class="paragraph_style_4">The</p>
</div>
</div>
</div>
<div id="id" style="height: 65px; left: 497px; position: relative; top: 123px; width: 127px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 48px; color: #CECECE;" class="TitleApple">Apple</p>
</div>
</div>
</div>
<div id="id2" style="height: 33px; left: 587px; position: absolute; top: 123px; width: 113px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 28px;" class="paragraph_style_4">Newsreel</p>
</div>
</div>
</div>
<div id="id3" style="height: 261px; left: 288px; position: absolute; top: 246px; width: 566px; z-index: 1;" class="style_SkipStroke_1 shape-with-text">
<div class="text-content graphic_textbox_layout_style_default_External_438_535" style="padding: 0px; font-size: 13px;">
<div class="graphic_textbox_layout_style_default">
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">Welcome to the newly redesigned Apple Newsreel. In the course of the last month or so, I've re-worked the entire site from the ground up to provide a completely different user expreience. Feedback is appreciated on the new look, so please, visit the Contact page and send me an email with your honest opinion.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">You will notice that there is a double space between paragraphs. I'm currently working on it; for now, HTML (the programming language this site is written in, much like almost every other site on the web) has many limitations which <em>can </em>be bypassed, but take time. And since I wanted to get the new site up and running as soon as possible, you'll see kinks get fixed over the next few weeks. </p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">The site's already outfitted with all the reviews and most of the news from the old site, and a nifty new menu bar (the grey bar on top of the screen which you can use to easily jump between sections of the site). And to further simplify navigation, I'm including a complete site navigator, which can be found in the "Map" tab.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">You'll notice a couple of other features: wide columns, a Facebook "Like" button instead of a whole Facebook widget, and less ads.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">Once again, I'd like to ask you to donate if you like the site's content. Being a student, I have no other source of income for the stuff I review. If you do feel like donating, there's an orange PayPal button below. It's a secure connection, so don't worry.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple">With that, I leave you to enjoy the site.</p>
<p style="padding-top: 0pt; font-family: 'Helvetica Neue'; font-size: 13px; color: #000; text-align: justify;" class="TitleApple"> </p>
</div>
</div>
<p> </p>
</div>
</div>
</body>
</html>I also can't find a way to get rid of all those divs, as whenever I select one, it highlights a text box that I need.
shaya4207
8
Junior Poster
margin: 0 auto; is actually shorthand for saying margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; (in that order), and as 'teedoff' said, you need to give that div a width in order to center it...
teedoff
3
Posting Pro
lol ha I forgot about this post and have been sidetracked since yesterday. Until Shaya's post was emailed and reminded me.
As he explained, margin: 0 auto; is shorthand. But again you must specify a width for it to center.
Your code above....margin: auto; is not complete either. You leave out the top and bottom value of 0. So maybe it's griping because you cant set set top and bottom margins to auto, although you probably can, and I've never had DW gripe about this particular style issue.
One more thing, you dont need a div with a class AND id of wrapper. Set it to one or the other. ID's can be used only once on a page, whereas classes can be used over again. For defining page structures(layouts) I normally use id's. So:
<div id="wrapper"></div> works fine just that way.
Then #wrapper {width: 960px; margin:0 auto;}will work for your css.
Verandaguy
0
Newbie Poster
Thanks, I figured it out. I'll still have to check back on this thread for reference for a short while, but I consider the problem completely solved.
That being said, the time it would take me to de-div all my pages would be incredible, and I'll just opt for re-coding them from scratch.
Once again, thanks!
BGOR
0
Newbie Poster
Hi there,
When viewing my website in a dreamweaver - it shows the footer+header as being unaligned/offset. Most of the time in a firefox browser the content and footer+header line up and all is looking fine, but alot of the time when navigating through the website, the footer and header become complete offline from the content. The page was made, rather crudely, using divs and CSS, then this was used as the template for the rest of the pages. Below is the data from the template, which I think holds the issue. Any ideas anyone?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<META name="KEYWORDS" content="verhuizingen, verhuizen, verhuizen amsterdam, moving, transport, verhuizers, transport amsterdam, levering, goedkoop verhuizen, inpakken, monteren,transporting,spullen, moving house amsterdam, verhuis service amsterdam, deliveries, delivery, Free moving quote, gratis verhuis offerte, verhuis amsterdam, verhuis service, packing service, removals amsterdam, moveams." />
<META name="DESCRIPTION" content=" A man and a van for only €39.50! Your stuff comes first...">
<meta name="google-site-verification" content="L6Jxtj2EaPu6oeECgmzhzorpsg-zUmHhc5NeGedpGjE" />
<meta name="msvalidate.01" content="08DD2D00411DCEEDFE8475DB159E8C8B" />
<meta http-equiv="content-language" content="ll-cc">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Moveams - Your stuff comes first</title>
<!-- TemplateEndEditable -->
<link href="../css/oneColFixCtrHdr.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
background-color: #FFF;
background-image: url();
background-repeat: no-repeat;
}
#apDiv1 {
position:absolute;
width:728px;
height:140px;
z-index:1;
top: 98px;
left: 172px;
}
#apDiv2 {
position:absolute;
width:84px;
height:27px;
z-index:2;
left: 102px;
top: 256px;
color: #F90;
font-weight: bold;
font-size: 10%;
}
#apDiv3 {
position:absolute;
width:124px;
height:26px;
z-index:3;
left: 570px;
top: 266px;
font-size: 10pt;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color: #F90;
}
#apDiv4 {
position:absolute;
width:183px;
height:29px;
z-index:4;
left: 852px;
top: 265px;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #F90;
}
#apDiv5 {
position:absolute;
width:55px;
height:43px;
z-index:5;
font-size: 24pt;
font-weight: bold;
color: #333;
left: 1015px;
top: 116px;
font-family: Arial, Helvetica, sans-serif;
}
#apDiv6 {
position:absolute;
width:38px;
height:13px;
z-index:6;
top: 149px;
left: 1017px;
color: #333;
font-size: 7pt;
font-family: Arial, Helvetica, sans-serif;
}
#apDiv7 {
position:absolute;
width:108px;
height:33px;
z-index:7;
left: -741px;
top: 112px;
color: #F90;
font-size: 10pt;
font-weight: bold;
}
#apDiv8 {
position:absolute;
width:111px;
height:23px;
z-index:7;
left: 282px;
top: 58px;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: #F90;
}
#apDiv9 {
position:absolute;
width:65px;
height:24px;
z-index:8;
left: 852px;
top: 57px;
font-family: Arial, Helvetica, sans-serif;
color: #F90;
font-size: 10pt;
}
#apDiv10 {
position:absolute;
width:70px;
height:25px;
z-index:9;
left: 932px;
top: 56px;
font-size: 10pt;
color: #F90;
font-family: Arial, Helvetica, sans-serif;
}
#apDiv11 {
position:absolute;
width:82px;
height:27px;
z-index:10;
left: 1013px;
top: 56px;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
color: #F90;
}
#apDiv12 {
position:absolute;
width:143px;
height:26px;
z-index:11;
left: 859px;
top: 273px;
color: #F90;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10pt;
}
a:link {
color: #F90;
text-decoration: none;
}
a:visited {
color: #F90;
text-decoration: none;
}
a:hover {
color: #CCC;
text-decoration: none;
}
a:active {
color: #CCC;
text-decoration: none;
}
#apDiv13 {
position:absolute;
width:134px;
height:35px;
z-index:12;
left: 287px;
top: 265px;
font-size: 10pt;
color: #F90;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
}
#apDiv14 {
position:absolute;
width:78px;
height:36px;
z-index:13;
left: 964px;
top: 184px;
font-size: 18pt;
color: #333;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
font-variant: normal;
}
#apDiv15 {
position:absolute;
width:69px;
height:35px;
z-index:14;
left: 1054px;
top: 183px;
font-family: Arial, Helvetica, sans-serif;
color: #333;
font-size: 18pt;
font-weight: bold;
}
#apDiv16 {
position:absolute;
width:232px;
height:138px;
z-index:15;
left: 256px;
top: 324px;
}
#apDiv17 {
position:absolute;
width:227px;
height:115px;
z-index:16;
left: 557px;
top: 316px;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}
#apDiv18 {
position:absolute;
width:250px;
height:115px;
z-index:17;
left: 836px;
top: 316px;
font-size: 10pt;
font-family: Arial, Helvetica, sans-serif;
}
</style>
<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon" />
<style type="text/css">
#apDiv19 {
position:absolute;
width:228px;
height:133px;
z-index:18;
left: 271px;
top: 329px;
}
#apDiv20 {
position:absolute;
width:236px;
height:128px;
z-index:18;
left: 253px;
top: 328px;
}
#apDiv21 {
position:absolute;
width:260px;
height:130px;
z-index:18;
left: 272px;
top: 318px;
}
</style>
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
</head>
<body>
<!-- TemplateBeginEditable name="EditRegion3" -->
<div class="container">
<div class="header"></div>
<div class="content">
<div id="logobanner">
<div><img src="../images/bg-home.jpg" width="890" height="250" alt="Moveams Reliable Removals" />
<div id="apDiv11">
<div id="class6"><a href="../contact.html">CONTACT</a></div>
</div>
<div id="apDiv10">
<div id="class6"><a href="../about.html">ABOUT</a></div>
</div>
</div>
</div>
<div id="apDiv4">
<div id="class12"><a href="../prijzen.html">PRIJZEN EN OFFERTES...</a></div>
</div>
<div id="apDiv8">
<div id="class6"><a href="../indexeng.html">English</a></div>
</div>
<h1> </h1>
<div id="apDiv1"> </div>
<div id="class5"></div>
<div id="apDiv21">
<p>Verhuizen van huis of kantoor? Binnen Amsterdam, Nederland of Europa? Wat voor verhuizing dan ook, <strong>jouw spullen zijn onze zorg!</strong> Met een verhuizing door Moveams ben je verzekerd van een professioneel, betrouwbaar en veilig transport... </p>
</div>
<p> </p>
<div id="apDiv3">
<div id="class12"><a href="services.html">ONZE DIENSTEN...</a></div>
</div>
<div id="apDiv13">
<div id="class12"><a href="../clients.html">ONZE KLANTEN...</a></div>
</div>
<p> </p>
<div id="class6">
<div id="apDiv9">
<div id="class6"><a href="../index.html">HOME </a></div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv17">
<p>Een toegewijd en professioneel team van ervaren verhuizers zorgt ervoor dat jouw verhuizing moeiteloos verloopt! Persoonlijke en zakelijke verhuizingen, transport, verpakking en inladen, monteren en demonteren….</p>
</div>
<div id="apDiv18">
<p>Verhuizen hoeft geen gedoe te zijn of veel geld te kosten. Moveams heeft de beste verhuizers voor de scherpste prijzen. Lees verder bij onze verhuis en veiligheidstips! Vraag gratis een <a href="../booking.html">offerte</a> aan en maak kennis met onze verbazingwekkend <a href="../fees.html">lage prijzen</a>...</p>
</div>
</div>
<div class="footer">
<div id="footertext">
<div id="class19">
<div id="class19">
<p id="footertext"> Copyright©2012 Moveams - Contact - About - <span id="footertext"><a href="terms.html">Terms & Conditions</a></span></p>
</div>
</div>
</div>
<!-- end .footer -->
</div>
<!-- end .container -->
</div>
<!-- TemplateEndEditable -->
</body>
</html>
}
#apDiv37 {
position:absolute;
width:237px;
height:296px;
z-index:24;
left: 855px;
top: 503px;
}
#apDiv38 {
position:absolute;
width:232px;
height:133px;
z-index:25;
left: 573px;
top: 503px;
}
#apDiv40 {
position:absolute;
width:200px;
height:115px;
z-index:26;
left: 704px;
top: 127px;
}
</style>
<!-- InstanceEndEditable -->
</head>
<body>
<!-- InstanceBeginEditable name="EditRegion3" -->
<div class="container">
<div class="header"></div>
<div class="content">
<div id="logobanner">
<div><img src="images/bg-home.jpg" width="890" height="250" alt="Moveams Reliable Removals" />
<div id="apDiv11">
<div id="class6"><a href="contact.html">CONTACT</a></div>
</div>
<div id="apDiv10">
<div id="class6"><a href="about.html">ABOUT</a></div>
</div>
</div>
</div>
<div id="apDiv4">
<div id="class12"><a href="fees.html">TARIEVEN & OFFERTES...</a></div>
</div>
<div id="apDiv8">
<div id="class"><a href="indexeng.html">English</a></div>
</div>
<h1> </h1>
<div id="apDiv1"> </div>
<div id="class5"></div>
<div id="apDiv22"><span class="verhuizen">Verhuizen </span>van huis of kantoor? Binnen Amsterdam, Nederland of Europa? Welk soort verhuizing het ook is, jouw spullen zijn onze zorg! Met een verhuizing door Moveams ben je verzekerd van professioneel, betrouwbaar en veilig transport. </div>
<div id="apDiv25">Een <span class="professional">Professioneel </span>en toegewijd team van ervaren verhuizers zorgt ervoor zorgt dat jouw verhuizing moeiteloos verloopt! Persoonlijke en zakelijke verhuizingen; transport; inpakken en inladen; monteren en demonteren…</div>
<div id="apDiv28"><span class="verhuizen">Verhuizen </span>hoeft geen gedoe te zijn of veel geld te kosten. Moveams biedt de beste verhuizers tegen de scherpste prijzen. Lees verder voor onze verhuis- en veiligheidstips! Vraag een gratis <a href="contact.html">offerte </a>aan en maak kennis met onze verbazingwekkend <a href="fees.html">lage prijzen</a>...</div>
<p> </p>
<div id="apDiv3">
<div id="class12"><a href="services.html">ONZE DIENSTEN...</a></div>
</div>
<div id="apDiv13">
<div id="class12"><a href="clients.html">ONZE KLANTEN...</a></div>
</div>
<p> </p>
<div id="class6">
<div id="apDiv9">
<div><strong>HOME </strong></div>
</div>
</div>
<p> </p>
<p> </p>
<p> </p>
<div id="apDiv32"><a href="clients.html "><img src="photo(2).jpg" alt="Movams hoist & pull" width="232" height="294" /></a></div>
<div id="apDiv38"><a href="services.html "><img src="photo(4).jpg" width="232" height="294" alt="Your stuff comes first" /></a></div>
<p> </p>
<div id="apDiv37"><a href="fees.html "><img src="photo(3).jpg" width="232" height="294" alt="Moveams Lift" /></a></div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div class="footer">
<div id="class19">
<div id="footertext">Copyright©2012 Moveams - <a href="contact.html">Contact</a> - <a href="about.html">About</a> - <a href="terms.html">Algemene voorwaarden</a></div>
</div>
<!-- end .footer -->
</div>
<!-- end .container -->
</div>
<!-- InstanceEndEditable -->
</body>
<!-- InstanceEnd --></html>
Kratos-s-
0
Newbie Poster
CSS>your main div> Margin-left :auto; and Margin-right:auto;
Be a part of the DaniWeb community
We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.