How would I get rid of the blank white space at the right of my blog here
29 Replies - 1552 Views - Last Post: 24 April 2008 - 08:27 AM
Replies To: How do I get rid of this?
#2
Re: How do I get rid of this?
Posted 21 April 2008 - 02:29 PM
If you would be so kind as to take a screenshot of what you are talking about and show it here, then we might be able to help.
#3
Re: How do I get rid of this?
Posted 21 April 2008 - 02:38 PM
http://i271.photobuc...scott_237/g.jpg
there you go, but i dont see what was wrong with the link I gave at first
there you go, but i dont see what was wrong with the link I gave at first
#4
Re: How do I get rid of this?
Posted 22 April 2008 - 09:24 AM
How can i get rid of this white space on my blog - http://i271.photobuc...scott_237/g.jpg
searched for the code to do this but dont know the name of the problem so........page alignment maybe? ITS DRIVING ME CRAZY! It was after I changed the page from auto adjusting to what normal sites do that I discovered the horizontal scrollbar, help needed QUICK.
searched for the code to do this but dont know the name of the problem so........page alignment maybe? ITS DRIVING ME CRAZY! It was after I changed the page from auto adjusting to what normal sites do that I discovered the horizontal scrollbar, help needed QUICK.
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
<head>
<link href='css/style.css' rel='stylesheet' type='text/css'/>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<meta content='Naruto AMV website with the best AMV Contest' name='description'/>
<meta content='naruto,naruto amv,amv competition,amv contest,anime amv,anime music video' name='keywords'/>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Garland
Designer: Steven Wittens
URL: http://acko.net/
Modified by: http://www.blogcrowds.com
Support: http://www.blogcrowds.com
----------------------------------------------- */
#navbar-iframe {
display: none !important;
}
#wrapper {
margin: 0 auto;
width: 1050px;
}
#content {
width: 100%;
}
a:link, a:visited {
color: #027ac6;
text-decoration: none;
}
a:hover {
color: #0062a0;
text-decoration: underline;
}
a:active, a.active {
color: #5895be;
}
body {
background: #edf5fa;
color: #494949;
font: 12px/170% Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
body.sidebar-left #footer {
margin-left: -210px;
}
/* So we move the #center container over the sidebars to compensate */
body.sidebar-left #center {
margin-left: -210px;
}
/* And add blanks left and right for the sidebars to fill */
body.sidebar-left #squeeze {
margin-left: 210px;
}
body.sidebar-right #center {
margin-right: -210px;
}
body.sidebar-right #footer {
margin-right: -210px;
}
body.sidebar-right #squeeze {
margin-right: 210px;
}
body.sidebars #center {
margin: 0 -210px;
}
body.sidebars #footer {
margin: 0 -210px;
}
body.sidebars #squeeze {
margin: 0 210px;
}
.meta{margin:0 0 30px 0}
.sidebar .widget{margin:0 0 20px 0}
dl {
margin: 0.5em 0 1em 1.5em;
}
dl dd {
margin: 0 0 .5em 1.5em;
}
dl dt {
}
h1 {
font-size: 170%;
}
h1, h2, h3, h4, h5, h6 {
font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
margin: 0;
padding: 0;
}
h2 {
font-size: 160%;
line-height: 130%;
}
h3, .sidebar h2 {
font-size: 140%;
}
h4 {
font-size: 130%;
}
h5 {
font-size: 120%;
}
h6 {
font-size: 110%;
}
hr {
background: #5294c1;
border: none;
height: 1px;
margin: 0;
padding: 0;
}
img, a img {
border: none;
}
input {
color: #494949;
font: 12px/100% Verdana, Arial, Helvetica, sans-serif;
}
p {
margin: 0.6em 0 1.2em;
padding: 0;
}
textarea, select {
color: #494949;
font: 12px/160% Verdana, Arial, Helvetica, sans-serif;
}
.content ul {
margin: 0.5em 0 1em;
padding: 0;
}
.content ul li {
margin: 0.4em 0 0.4em 1.5em;
}
ul, quote, code, fieldset {
margin: .5em 0;
}
/**
* Primary navigation
*/
ul.primary-links {
float: right;
margin: 0;
padding: 0;
position: relative;
z-index: 4;
}
ul.primary-links li {
background: none;
float: left;
margin: 0;
padding: 0;
}
ul.primary-links li a, ul.primary-links li a:link, ul.primary-links li a:visited {
background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-navigation-item.png") no-repeat 50% 0;
color: #fff;
display: block;
margin: 0 1em;
padding: .75em 0 0;
}
ul.primary-links li a:hover, ul.primary-links li a.active {
background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-navigation-item-hover.png") no-repeat 50% 0;
color: #fff;
}
.nextprev {
margin-bottom: 60px;
margin-top: 10px;
}
.alignleft {
float: left;
}
.alignright {
float: right;
clear: both;
}
.commentlist {
list-style: none;
margin: 1em 0 3em;
padding: 0;
}
.commentlist .alt {
background: #edf5fa;
}
.commentlist .avatar {
border: 1px dotted #ccc;
float: right;
margin-right: 25px;
padding: 2px;
}
.commentlist cite {
font-weight: bold;
}
.commentlist li {
padding: 1em 2em;
}
.menu {
list-style: none;
margin: 0;
padding: 0;
}
.menu li li, .item-list ul li, li.leaf, .links li, .sidebar .li {
background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/menu-leaf.gif") no-repeat 0 .35em;
list-style-image: none;
list-style-type: none;
padding: 0 0 .3em 13px;
}
.post {
margin-bottom: 2em;
overflow: hidden;
}
#header h1, #header h1 a {
color: #fff;
font-size: 1.5em;
font-weight: normal;
text-decoration: none;
text-shadow: #1659ac 0px 1px 3px;
}
#navigation {
background: url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-navigation.png") repeat-x 50% 100%;
height: 1em;
}
#s {
margin-bottom: 5px;
}
/* Layout and images */
#wrapper {
background: url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/body.png") #edf5fa repeat-x 50% 0;
height: 600px;
}
#wrapper #container {
margin: 0 auto;
max-width: 1270px;
padding: 0 20px;
}
/* We must define 100% width to avoid the body being too narrow for near-empty pages */
#wrapper #container #center {
float: left;
width: 100%;
}
/* Now we add the backgrounds for the main content shading */
#wrapper #container #center #squeeze {
background: url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-content.png") #fff repeat-x 50% 0;
}
#wrapper #container #center .right-corner {
background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-content-right.png") no-repeat 100% 0;
left: 10px;
position: relative;
}
#wrapper #container #center .right-corner .left-corner {
background: transparent url("http://s61.photobucket.com/albums/h59/c_stavanger/garland/bg-content-left.png") no-repeat 0 0;
left: -10px;
margin-left: -10px;
min-height: 400px;
padding: 60px 25px 5em 35px;
position: relative;
}
#wrapper #container #footer {
clear: both;
color: #898989;
float: none;
margin: 4em 0 -3em;
text-align: center;
}
#wrapper #container #header {
height: 80px;
}
#wrapper #container #header #logo-floater {
position: absolute;
}
#wrapper #container #header h1, #wrapper #container #header h1 a:link, #wrapper #container #header h1 a:visited {
font-weight: bold;
line-height: 120px;
position: relative;
white-space: nowrap;
z-index: 2;
}
/* We ensure the sidebars are still clickable using z-index */
#wrapper #container .sidebar {
float: left;
margin: 60px 0 5em;
width: 208px;
z-index: 2;
}
body > #wrapper #container .sidebar {
position: relative;
}
#sidebar-left li {
margin-right: 10px;
}
#sidebar-right ul {
margin-left: 20px;
}
#sidebar2 {margin:0 0 0 20px;}
#sidebar-right li ul {
margin-left: 0;
}
.sidebar ul {
margin-left: 0;
padding: 0;
}
.content img {
margin-left: 10px;
}
#comment {
width: 400px;
}
]]></b:skin>
</head>
<body class='sidebars'>
<div id='navigation'/>
<div id='wrapper'>
<div id='content'>
<div id='wrapper'>
<div class='clear-block' id='container'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Naruto-AMVs (Header)' type='Header'/>
</b:section>
</div>
<div class='sidebar' id='sidebar-left'><b:section class='side' id='sidebar1' preferred='yes'>
<b:widget id='HTML24' locked='false' title='' type='HTML'/>
<b:widget id='Text11' locked='false' title='' type='Text'/>
<b:widget id='HTML16' locked='false' title='' type='HTML'/>
<b:widget id='Text10' locked='false' title='' type='Text'/>
<b:widget id='Text2' locked='false' title='' type='Text'/>
<b:widget id='HTML23' locked='false' title='' type='HTML'/>
<b:widget id='HTML3' locked='false' title='' type='HTML'/>
<b:widget id='HTML9' locked='false' title='' type='HTML'/>
</b:section></div>
<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>
<div id='center'><div id='squeeze'><div class='right-corner'><div class='left-corner'>
<!-- begin content -->
<div class='node'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='HTML10' locked='false' title='' type='HTML'/>
<b:widget id='HTML22' locked='false' title='' type='HTML'/>
<b:widget id='Text5' locked='false' title='' type='Text'/>
<b:widget id='HTML15' locked='false' title='' type='HTML'/>
<b:widget id='HTML8' locked='false' title='' type='HTML'/>
<b:widget id='Text4' locked='false' title='AMV Competition' type='Text'/>
<b:widget id='HTML7' locked='false' title='' type='HTML'/>
<b:widget id='HTML2' locked='false' title='March Winner' type='HTML'/>
<b:widget id='Text3' locked='false' title='Main News' type='Text'/>
<b:widget id='HTML6' locked='false' title='' type='HTML'/>
<b:widget id='HTML25' locked='false' title='Naruto Music' type='HTML'/>
<b:widget id='HTML12' locked='false' title='' type='HTML'/>
<b:widget id='HTML13' locked='false' title='' type='HTML'/>
<b:widget id='HTML14' locked='false' title='' type='HTML'/>
<b:widget id='HTML26' locked='false' title='' type='HTML'/>
<b:widget id='HTML11' locked='false' title='' type='HTML'/>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
<b:widget id='Text1' locked='false' title='' type='Text'/>
</b:section></div><!-- end content --><!-- spacer for skins that want sidebar and main to be the same height--><div class='clear'> </div><div id='footer-wrapper'><b:section class='footer' id='footer'>
<b:widget id='HTML17' locked='false' title='' type='HTML'/>
<b:widget id='HTML19' locked='false' title='' type='HTML'/>
<b:widget id='HTML27' locked='false' title='' type='HTML'/>
<b:widget id='HTML21' locked='false' title='' type='HTML'/>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>Theme: Garland by <a href='http://acko.net/'>Steven Wittens</a> and Stefan Nagtegaal. <a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/'>Blogcrowds</a></div></div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center --><div class='sidebar' id='sidebar-right'><b:section class='side' id='sidebar2' preferred='yes'>
<b:widget id='HTML20' locked='false' title='' type='HTML'/>
<b:widget id='Text14' locked='false' title='' type='Text'/>
<b:widget id='HTML4' locked='false' title='' type='HTML'/>
<b:widget id='HTML29' locked='false' title='' type='HTML'/>
<b:widget id='Text12' locked='false' title='' type='Text'/>
<b:widget id='HTML30' locked='false' title='' type='HTML'/>
<b:widget id='HTML5' locked='false' title='' type='HTML'/>
<b:widget id='HTML18' locked='false' title='' type='HTML'/>
<b:widget id='HTML28' locked='false' title='' type='HTML'/>
</b:section><p style='margin:0 0 0 20px'><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/forum/'>Blog Forum</a></p></div>
</div> <!-- /container -->
</div>
</div>
</div>
</body>
</html>
This post has been edited by WhiteFang: 22 April 2008 - 09:39 AM
#5
Re: How do I get rid of this?
Posted 22 April 2008 - 10:12 AM
I imagine your problem starts with this CSS code
It's set to be 1050 pixels wide, change it to 1024 and see if that removes the horizontal scrollbar
#wrapper {
margin: 0 auto;
width: 1050px;
}
It's set to be 1050 pixels wide, change it to 1024 and see if that removes the horizontal scrollbar
#wrapper {
margin: 0 auto;
width: 1024px;
}
#6
Re: How do I get rid of this?
Posted 22 April 2008 - 11:05 AM
nope that didnt fix it but thanks, any more theories?
#7
Re: How do I get rid of this?
Posted 22 April 2008 - 08:15 PM
Hello
the first link is blocked by our ISP here so icouldn't see the page
but as i can see in the image, I think you have problem with the width of the main container,
it must be a precentage width and it must be set to 100%.
I can't really read more than that from a picture
the first link is blocked by our ISP here so icouldn't see the page
but as i can see in the image, I think you have problem with the width of the main container,
it must be a precentage width and it must be set to 100%.
I can't really read more than that from a picture
#8
Re: How do I get rid of this?
Posted 22 April 2008 - 08:33 PM
It doesn't show up under Safari at all.
#9
Re: How do I get rid of this?
Posted 22 April 2008 - 08:33 PM
Why do you have two topics about the same thing? Why not just use the other one, that has the image?
#10
Re: How do I get rid of this?
Posted 22 April 2008 - 09:38 PM
Well you've got this set to 1270px, just look through all your CSS for things like this
#wrapper #container {
margin: 0 auto;
max-width: 1270px;
padding: 0 20px;
#11
Re: How do I get rid of this?
Posted 22 April 2008 - 10:27 PM
Try this:
Try this is, this is the method I use on all of my sites to keep things centered.
#wrapper {
margin-left: auto;
margin-right: auto; /* just a way of keeping things centred, but only works if you also specify the width */
width: 0px; /* change to the full width of your template, keep under 800px if you want it viewable by any screen resolution */
}
Try this is, this is the method I use on all of my sites to keep things centered.
#12
Re: How do I get rid of this?
Posted 23 April 2008 - 05:11 AM
this is turning out to be a bigger problem than I thought - theres no blank space in IE or Safari, its just Firefox, and I should say any changes I make to the following code doesnt alter the blank space at all - tried what you guys said but nothing.
#wrapper {
margin: 0 auto;
width: 1050px;
}
This post has been edited by WhiteFang: 23 April 2008 - 09:07 AM
#13
Re: How do I get rid of this?
Posted 23 April 2008 - 05:17 AM
Could the problem lie here, as this is what I changed before this happened -
<body class='sidebars'> <div id='navigation'/> <div id='wrapper'> < THIS BIT > <div id='content'> <THIS> <div id='wrapper'> <THIS> <div class='clear-block' id='container'> <!-- skip links for text browsers --> <span id='skiplinks' style='display:none;'> <a href='#main'>skip to main </a> | <a href='#sidebar'>skip to sidebar</a> </span> <div id='header'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='Naruto-AMVs (Header)' type='Header'/> </b:section> </div> <div class='sidebar' id='sidebar-left'><b:section class='side' id='sidebar1' preferred='yes'> <b:widget id='HTML24' locked='false' title='' type='HTML'/> <b:widget id='Text11' locked='false' title='' type='Text'/> <b:widget id='HTML16' locked='false' title='' type='HTML'/> <b:widget id='Text10' locked='false' title='' type='Text'/> <b:widget id='Text2' locked='false' title='' type='Text'/> <b:widget id='HTML23' locked='false' title='' type='HTML'/> <b:widget id='HTML3' locked='false' title='' type='HTML'/> <b:widget id='HTML9' locked='false' title='' type='HTML'/> </b:section></div> <div id='crosscol-wrapper' style='text-align:center'> <b:section class='crosscol' id='crosscol' showaddelement='no'/> </div> <div id='center'><div id='squeeze'><div class='right-corner'><div class='left-corner'> <!-- begin content --> <div class='node'> <b:section class='main' id='main' showaddelement='no'> <b:widget id='Image1' locked='false' title='' type='Image'/> <b:widget id='HTML10' locked='false' title='' type='HTML'/> <b:widget id='HTML22' locked='false' title='' type='HTML'/> <b:widget id='Text5' locked='false' title='' type='Text'/> <b:widget id='HTML15' locked='false' title='' type='HTML'/> <b:widget id='HTML8' locked='false' title='' type='HTML'/> <b:widget id='Text4' locked='false' title='AMV Competition' type='Text'/> <b:widget id='HTML7' locked='false' title='' type='HTML'/> <b:widget id='HTML2' locked='false' title='March Winner' type='HTML'/> <b:widget id='Text3' locked='false' title='Main News' type='Text'/> <b:widget id='HTML6' locked='false' title='' type='HTML'/> <b:widget id='HTML25' locked='false' title='Naruto Music' type='HTML'/> <b:widget id='HTML12' locked='false' title='' type='HTML'/> <b:widget id='HTML13' locked='false' title='' type='HTML'/> <b:widget id='HTML14' locked='false' title='' type='HTML'/> <b:widget id='HTML26' locked='false' title='' type='HTML'/> <b:widget id='HTML11' locked='false' title='' type='HTML'/> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/> <b:widget id='Text1' locked='false' title='' type='Text'/> </b:section></div><!-- end content --><!-- spacer for skins that want sidebar and main to be the same height--><div class='clear'> </div><div id='footer-wrapper'><b:section class='footer' id='footer'> <b:widget id='HTML17' locked='false' title='' type='HTML'/> <b:widget id='HTML19' locked='false' title='' type='HTML'/> <b:widget id='HTML27' locked='false' title='' type='HTML'/> <b:widget id='HTML21' locked='false' title='' type='HTML'/> <b:widget id='HTML1' locked='false' title='' type='HTML'/> </b:section>Theme: Garland by <a href='http://acko.net/'>Steven Wittens</a> and Stefan Nagtegaal. <a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/'>Blogcrowds</a></div></div></div></div></div> <!-- /.left-corner, /.right-corner, /#squeeze, /#center --><div class='sidebar' id='sidebar-right'><b:section class='side' id='sidebar2' preferred='yes'> <b:widget id='HTML20' locked='false' title='' type='HTML'/> <b:widget id='Text14' locked='false' title='' type='Text'/> <b:widget id='HTML4' locked='false' title='' type='HTML'/> <b:widget id='HTML29' locked='false' title='' type='HTML'/> <b:widget id='Text12' locked='false' title='' type='Text'/> <b:widget id='HTML30' locked='false' title='' type='HTML'/> <b:widget id='HTML5' locked='false' title='' type='HTML'/> <b:widget id='HTML18' locked='false' title='' type='HTML'/> <b:widget id='HTML28' locked='false' title='' type='HTML'/> </b:section><p style='margin:0 0 0 20px'><a href='http://www.blogcrowds.com/resources/blogger_template.php'>Blogger Templates</a> by <a href='http://www.blogcrowds.com/forum/'>Blog Forum</a></p></div> </div> <!-- /container --> </div> </div> </div>
This post has been edited by WhiteFang: 23 April 2008 - 05:19 AM
#14
Re: How do I get rid of this?
Posted 23 April 2008 - 07:10 AM
Try the code I gave you it should solve it.
#15
Re: How do I get rid of this?
Posted 23 April 2008 - 07:24 AM
|
|

New Topic/Question
Reply



MultiQuote






|