Newbie Problem with Centering a Webpage (Nothing works)
Hello.
I am new to DW, and ran into a problem that is thoroughly covered, yet does not work in my case. I have tried for hours to get this to work. Simply put, I have created a div tag wrapper to go around all of my <body> code. This wrapper is meant to center all of my webpage content on the screen. In the attached code, you can see that I have a lot of div tags, and the final div tag is the wrapper which goes around all of the other div tags. Each div tag contains one webpage object, except for the wrapper which goes around all of them. I have assigned my css file, "wrapper.css" to the HTML code, but nothing happens.
What the heck am I doing wrong?
Thanks for any and all help!
The HTML:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Test 1</title>
<link href="file:///C|/Users/Mollodesign/Documents/Test Site/logo.css" >
<link href="file:///C|/Users/Mollodesign/Documents/Test Site/Products_Link.css" >
<link href="file:///C|/Users/Mollodesign/Documents/Test Site/Gallery_Link.css" >
<link href="file:///C|/Users/Mollodesign/Documents/Test Site/Support_Link.css" >
<link href="Products_Link.css" rel="stylesheet" type="text/css">
<link href="Support_Link.css" rel="stylesheet" type="text/css">
<link href="Gallery_Link.css" rel="stylesheet" type="text/css">
<link href="logo.css" rel="stylesheet" type="text/css">
<link href="News_Link.css" rel="stylesheet" type="text/css">
<link href="Contact_Us.css" rel="stylesheet" type="text/css">
<link href="About_MINIU3D.css" rel="stylesheet" type="text/css">
<link href="HomePage_bg.css" rel="stylesheet" type="text/css">
<link href="Angled_Stroke_1.css" rel="stylesheet" type="text/css">
<link href="Angled_Stroke_2.css" rel="stylesheet" type="text/css">
<link href="Angled_Stroke_3.css" rel="stylesheet" type="text/css">
<link href="Angled_Stroke_4.css" rel="stylesheet" type="text/css">
<link href="Angled_Stroke_5.css" rel="stylesheet" type="text/css">
<link href="Headline_Link.css" rel="stylesheet" type="text/css">
<link href="LeftText_Link.css" rel="stylesheet" type="text/css">
<link href="wrapper.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="wrapper">
<div id="Headline_Link_locator">
<p id="Headline_Link">WE ARE OPEN FOR BUSINESS! DROP ON BY!</p>
</div>
<div id="LeftText_Link_locator">
<p id="LeftText_Link">Full 3D Body Scanning<br>&<br>Crystal Laser Engraving</p>
</div>
<div id="Angled_Stroke_5_locator">
<img src="Angled Stroke.png" alt="Angled Stroke 5" id="Angled_Stroke_5"/>
</div>
<!--and many more div tags, here... -->
<div id="LeftText_Link_locator">
<img src="Logo VLoR.png" alt="Company Logo" id="logo">
</div>
<div id="HomePage_bg_locator">
<div><img src="Home Page bg.jpg" alt="HomePage bg" id="HomePage_bg"></div>
</div>
</div>
</body>
</html>
-----------------------------------
...and the CSS wrapper:
#wrapper {
max-width: 725px;
margin-left: auto;
margin-right: auto;
}
AdChoices