Programming Help

Web Development

Projects



What's Here?

  • Members: 86,392
  • Replies: 356,828
  • Topics: 52,335
  • Snippets: 1,779
  • Tutorials: 423
  • Total Online: 1,408
  • Members: 35
  • Guests: 1,373

Who's Online?

Welcome to Dream.In.Code
Getting Help is Easy!

Join 86,392 Programmers. There are 1,408 online right now! Ask your question and get quick answers from Dream.In.Code experts. Join the #1 programming help community on the internet! Registration is fast and FREE... Join Now!

Chat LIVE With a Expert
Powered by LivePerson.com

Register to Make This Box Go Away!

How do I get rid of this?

3 Pages V  1 2 3 >  
 Reply to this topicStart new topic

How do I get rid of this?
WhiteFang
post 21 Apr, 2008 - 02:23 PM
Post #1


New D.I.C Head

*
Joined: 20 Apr, 2008
Posts: 32


How would I get rid of the blank white space at the right of my blog here
User is offlineProfile CardPM
Go to the top of the page
+Quote Post


Martyr2
post 21 Apr, 2008 - 02:29 PM
Post #2


Programming Theoretician

Group Icon
Joined: 18 Apr, 2007
Posts: 3,561
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.

smile.gif
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

WhiteFang
post 21 Apr, 2008 - 02:38 PM
Post #3


New D.I.C Head

*
Joined: 20 Apr, 2008
Posts: 32
http://i271.photobucket.com/albums/jj157/scott_237/g.jpg

there you go, but i dont see what was wrong with the link I gave at first
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

WhiteFang
post 22 Apr, 2008 - 09:24 AM
Post #4


New D.I.C Head

*
Joined: 20 Apr, 2008
Posts: 32
How can i get rid of this white space on my blog - http://i271.photobucket.com/albums/jj157/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.

CODE
<?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 Apr, 2008 - 09:39 AM
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

PsychoCoder
post 22 Apr, 2008 - 10:12 AM
Post #5


ToCode || !ToCode

Group Icon
Joined: 26 Jul, 2007
Posts: 5,858
I imagine your problem starts with this CSS code


css

#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


css

#wrapper {
    margin: 0 auto;
    width: 1024px;
}
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

WhiteFang
post 22 Apr, 2008 - 11:05 AM
Post #6


New D.I.C Head

*
Joined: 20 Apr, 2008
Posts: 32
nope that didnt fix it but thanks, any more theories?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

ahmad_511
post 22 Apr, 2008 - 08:15 PM
Post #7


D.I.C Regular

Group Icon
Joined: 28 Apr, 2007
Posts: 302
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
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

girasquid
post 22 Apr, 2008 - 08:33 PM
Post #8


Barbarbar

Group Icon
Joined: 3 Oct, 2006
Posts: 953
It doesn't show up under Safari at all.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

girasquid
post 22 Apr, 2008 - 08:33 PM
Post #9


Barbarbar

Group Icon
Joined: 3 Oct, 2006
Posts: 953
Why do you have two topics about the same thing? Why not just use the other one, that has the image?
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

PsychoCoder
post 22 Apr, 2008 - 09:38 PM
Post #10


ToCode || !ToCode

Group Icon
Joined: 26 Jul, 2007
Posts: 5,858
Well you've got this set to 1270px, just look through all your CSS for things like this


css

#wrapper #container {
margin: 0 auto;
max-width: 1270px;
padding: 0 20px;
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

Mikhail
post 22 Apr, 2008 - 10:27 PM
Post #11


D.I.C Addict

Group Icon
Joined: 26 Oct, 2007
Posts: 622
Try this:

css
#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.
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

WhiteFang
post 23 Apr, 2008 - 05:11 AM
Post #12


New D.I.C Head

*
Joined: 20 Apr, 2008
Posts: 32
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.

CODE
#wrapper {  
     margin: 0 auto;  
     width: 1050px;  
}


This post has been edited by WhiteFang: 23 Apr, 2008 - 09:07 AM
User is offlineProfile CardPM
Go to the top of the page
+Quote Post

3 Pages V  1 2 3 >
Fast ReplyReply to this topicStart new topic
Time is now: 5/17/08 05:05AM
Invision Power Board v2.1.7 © 2008  IPS, Inc.
Licensed to: MediaGroup1

Live Help!

Tutorials

Programming

Web Development

Reference Sheets

Code Snippets

Bye Bye Ads

Free DIC T-Shirt

T-Shirt Example

Related Sites

Monthly Drawing

Thumb Drive

Partners

Top Contributors

Top 10 Kudos This Month