0

My website is bandstandmag.com and besides the home page, I can't get the other pages to center on the screen.

Specifically: http://bandstandmag.com/index.html/IslandTigers.html

I'm really sorry everything's so cluttered, this is my first time creating a website. My problem is I can't get the page to center and I've tried tons of different solutions I've found on forums and nothing I've tried has worked so far, so I figure there most be something wrong in my code. If someone wouldn't mind taking a look I'd really appreciate it.

The HTML for the page is:

<body>
<div id="page_center">
<div id="container1">
<img src="bandstand_logo1.jpg" width="150" height="130" alt="Bandstand Magazine" />
</div>
<div id="container2">
<ul id="MenuBar1" class="MenuBarHorizontal">
<li><a href="index.html">Home</a>    </li>
<li><a href="#">News</a></li>
<li><a href="Reviews.html">Reviews</a>      </li>
<li><a href="#">Interviews</a></li>
<li><a href="#">Videos</a></li>
<li><a href="#">Freebies</a></li>
<li><a href="#">Contact</a></li>
</ul>
<div id="menu_bar"></div>
</div>


<div id="space">
<p>REVIEWS</p>
<p></p>
</div>


<div id="wrapper">
<div id="review_container">
<div id="review_pic">
<p><img src="IslandTigers.jpg" width="200" height="155" alt="Island Tigers" /></p>
</div>
<div id="review_info">
<h1 style="margin: 0px;">All's Fair & Warfare</h1>
<h3 style="margin: 0px;"> by Island Tigers</h3>
<p style="margin: 0px;" > Genre: Indie </p>
</div>
<div id="band_info">
<p style="margin: 0px;" > Island Tigers are a two piece band hailing from Massachusetts who play a style of Indie Rock that has been compared to the likes of Radiohead and The White Stripes. </p>
</div>
<div id="review">
<p style="margin: 0px; text-indent: 50px">Under the mindful production of front man, Brian Engles, the Island Tigers' debut album, All's Fair & Warfare became much more than a hastily recorded GarageBand project. Although it has that familiar lo-fi feel that so many of us have become accustom to in our home recording endeavors, Island Tigers make it work to their advantage; formerly troublesome quality issues become just one of the many endearing aspects of the debut effort.</p>
<p style="margin: 0px; text-indent: 50px">Upon first listen, the most notable tracks are, easily, "Bad Friend" and, closing track, "13th Homesick Waltz (For Shore St.)." "Bad Friend" blends upbeat pop riffs reminiscent of Vampire Weekend with the beautiful seriousness that calls to mind Radiohead, making it the perfect candidate for a single. This track is also an impressive display of creativity out of this modest, two-piece band; the layering and production value sounds incredibly professional while still maintaining that lo-fi appeal. The shining point of the track has to be the emotional build up where the lyrics "you could miss it all for the girl," are given all the power in the world because: who couldn't relate?</p>
<p style="margin: 0px; text-indent: 50px">"13th Homesick Waltz" is probably the darkest song on the album and, ironically, the most infectious. This song was an instant favorite of mine; it leaves the listener with a good taste in their mouth, wanting to spin the CD again and again.</p>
<p style="margin: 0px; text-indent: 50px">Overall, the album spans a few different genres, primarily indie-rock and even touching on straight up rock and roll and does so while maintaining an impressive modesty. With all the raw emotion packed into this album there's no more room left for unnecessary flashiness or cheesy solos, which simply adds to its appeal.</p>
<p style="margin: 0px; text-indent: 50px">There are few misses on the record with the only real shortcoming (in my mind) being "OBJECTS IN MIRROR ARE CLOSER THAN THEY APPEAR." This track feels like a watered down continuation of the previous track, "The Chandelier," and sounds like someone covering a White Stripes song (I was never a big fan) with inevitably grating spoken-style vocals.</p>
<p style="margin: 0px; text-indent: 50px">However, these minor setbacks are quickly redeemed by Engels' normally rounded voice and the tongue-in-cheek wittiness of his lyrics which seem to shine the most in the track "Keep In Touch" where he sings "In my mind you were kept safe from yourself… In my mind I will keep you the way I know you deserve to be." The blunt spite characterizes a dark time that most people have to go through at some point in their life, making the lyrics instantly relatable. </p>
<p style="margin: 0px; text-indent: 50px">The best part about this album is its replay value; the songs get better every time I listen to them. In all honesty, I liked about half the songs on the first listen but believe me: they grow on you; spin it again.</p>
<p style="margin: 0px; text-indent: 50px">The unique song structure of Island Tigers is bound to have something for everyone; heavy, driving leads, light chords, infectious riffs, and an undeniable wit all kept cleverly in time by drummer, Matt Liles. Did I mention the infectious riffs?</p>


<br />-Jordan Serrano
<br />   Bandstand Magazine
</div>
</div>
<div id="comment_box">
<div id="disqus_thread"></div>
<script type="text/javascript">
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = 'example'; // required: replace example with your forum shortname


/* * * DON'T EDIT BELOW THIS LINE * * */
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
<a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a>
</div>
</div>


<div id="left-column" style="float:left; width:205px">
<div id="share">
Share:
<br />
Facebook
<br />
<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-via="bandstandmag">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script>
</div>



<div id="tracklist">
Tracklist:
<br />1. What's the Use?
<br />2. The Chandelier
<br />3. OBJECTS IN MIRROR ARE LARGER THAN THEY APPEAR
<br />4. Bad Friend
<br />5. The Bogs
<br />6. f I Can't Forget
<br />7. The Right Words
<br />8. Keep in Touch
<br />9. Sourtooth
<br />10.13th Homesick Waltz (For Shore St.)
</div>
<div id="band_links">
Links
</div>
</div>
</div>


</body>
</html>

-----------------------------------------AND THE CSS IS:

#container {
width: 968px;
background:  #F8FBEF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}
#container1 {
width: 150px;
background:  #F8FBEF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
float: left;
}
#space{
height: 100px;
width: 500px;
font-size: 50px;
padding-left: 150px;
padding-top: 15px;
margin: 20px;
font-family:"Arial Black", Gadget, sans-serif;
}
#container2 {
width: 800px;
margin-left: 200px;
}



#main_image {
background-repeat: no-repeat;
position: relative;
height: 376px;
width: 800px;
padding-left: 135px;
margin: 0 auto;
margin-bottom: 0px;


}
#left_column, #center_column, #right_column {
width: 316px;
float: left;
background-color: white;
outline-style: solid;
outline-color: #E0E0E9;
outline-width: 1px;
margin-top: 0px;
}


#center_column, #right_column {
margin-left: 10px;
}
body {
font-family: "MS Serif", "New York", serif;
color: #000;
background-color: #F8FBEF;
}
#menu_bar {
width: 968px;
padding-top: 0px;
margin: 0 auto;
}
#column1, #column2, #column3, #column4 {
width: 968px;
float: left;
}
#column1 {
padding-left: 35px;
padding-top: 1px;
background-color: white;
outline-style: solid;
outline-color: #E0E0E9;
outline-width: 1px;
margin-top: 20px;
}


#box_container, #box_container2, #box_container3, #box_container4 {
padding-left: 5px;
padding-top: 5px;
width: 206px;
height: 200px;
background-color: AFEEE3;
float:left;
margin: 10px;
}


#description {
padding-top: 5px;
font-size: 12px;
}


#review_container {
padding-top: 1px;
width: 750px;
height: auto;
margin-left: 100px;
outline-style: solid;
outline-color: #E0E0E9;
outline-width: 1px;
background-color: white;
overflow: auto;


}


#wrapper {
position: absolute;
}


#review_pic {
width: 200px;
height: 150px;
margin-left: 5px;
float: left;
}


#review_info {
width: 500px;


margin-left: 20px;
margin-top: 20px;
margin-bottom: 10px;
float: left;
font-family: Arial, Helvetica, sans-serif;
text-indent: 225px;
color: #B6B3B3;
}


#band_info {
width: 500px;
height: auto;
margin-left: 20px;
float: left;
font-family: Arial, Helvetica, sans-serif;
color: #B6B3B3;
}


#share {
margin-left: 5px;


width: 200px;
height: auto;
outline-style: solid;
outline-color: #E0E0E9;
outline-width: 1px;


}


#tracklist {
margin-left: 5px;
margin-top: 5px;
width: 200px;


outline-style: solid;
outline-color: #E0E0E9;
outline-width: 1px;
color: #B6B3B3;
font-size: 14px;
}


#band_links {
margin-left: 5px;
margin-top: 5px;
width: 200px;
height: auto;
outline-style: solid;
outline-color: #E0E0E9;
outline-width: 1px;
color: #B6B3B3;
}


#left-column {
float:left;
margin-left: 100px;
margin-top: 175px;
position: relative;
}
#review {
padding-right: 25px;
margin-top: 10px;
margin-bottom: 10px;
width: 500px;
height: auto;
float: right;
}


#comment_box {
width: 500px;
height: auto;
margin-left: 100px;
margin-top: 10px;
padding-left: 10px;
background-color: white;
float: left;
}


#tracklinks {
width: 205px;
}


h3 {
text-indent:225px;
color: #3B3B3B;
}


h1 {
text-indent: 80px;
color: #3B3B3B;
}


#page_center {
width: 100%;
background:  #F8FBEF;
margin: 0 auto;
padding-left: 10px;
padding-right: 10px;
overflow: hidden;
}

---------------------------------------------

Thanks in advanced!

Edited by Nick Evan: Fixed formatting

3
Contributors
4
Replies
6
Views
6 Years
Discussion Span
Last Post by Birdmanskii
0

Add this to your container css style:

#container
{
Position:relative;
Margin:0px auto;
}

0

Add this to your container css style:

#container
{
Position:relative;
Margin:0px auto;
}

0

Thank you guys very much, I think I have it figured out now!

I really appreciate the help!

This question has already been answered. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.