Back To Website Design Forum

Can't remove white border around webpage

  • twocent
  • Novice
  • Novice
  • No Avatar
  • Joined: Mar 22, 2007
  • Posts: 18
  • Status: Offline

Post April 1st, 2007, 8:46 am

I'm going nuts. I have a gradient that I want to stretch across my screen as a background for my page header and navbar, but I have this white border around my web page. I've been trying for two days to remove this. Has anyone seen this before?

http://www.anewjersey.net
  • Anonymous
  • Bot
  • No Avatar
  • Joined: 25 Feb 2008
  • Posts: ?
  • Loc: Ozzuland
  • Status: Online

Post April 1st, 2007, 8:46 am

  • SpooF
  • ٩๏̯͡๏۶
  • Bronze Member
  • User avatar
  • Joined: May 22, 2004
  • Posts: 3415
  • Loc: Richland, WA
  • Status: Offline

Post April 1st, 2007, 11:24 am

simply add this to the header area of your webpage


Code: [ Select ]
<style type="text/css">
<!--
body {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px
}

-->
</style>
  1. <style type="text/css">
  2. <!--
  3. body {
  4.  margin-top: 0px;
  5.  margin-right: 0px;
  6.  margin-bottom: 0px;
  7.  margin-left: 0px
  8. }
  10. -->
  11. </style>
#define NULL (::rand() % 2)
  • partyjan
  • Student
  • Student
  • No Avatar
  • Joined: Feb 15, 2007
  • Posts: 69
  • Loc: Norway
  • Status: Offline

Post April 1st, 2007, 11:33 am

I`m looking through your source code and don`t find anything specific that should be wrong....Try the same site without the doctype tag...
  • twocent
  • Novice
  • Novice
  • No Avatar
  • Joined: Mar 22, 2007
  • Posts: 18
  • Status: Offline

Post April 1st, 2007, 6:04 pm

Thanks Spoof, it worked. That was driving me nuts.
  • rlynch
  • Born
  • Born
  • No Avatar
  • Joined: Jul 12, 2007
  • Posts: 1
  • Status: Offline

Post July 12th, 2007, 9:17 am

SpooF wrote:
Code: [ Select ]
<style type="text/css">
<!--
body {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px
}

-->
</style>
  1. <style type="text/css">
  2. <!--
  3. body {
  4.  margin-top: 0px;
  5.  margin-right: 0px;
  6.  margin-bottom: 0px;
  7.  margin-left: 0px
  8. }
  10. -->
  11. </style>

this can also be simplified to:

Code: [ Select ]
<style type="text/css">
<!--
body {
 margin: 0px;
 }
-->
</style>
  1. <style type="text/css">
  2. <!--
  3. body {
  4.  margin: 0px;
  5.  }
  6. -->
  7. </style>
  • murcielagossi
  • Proficient
  • Proficient
  • User avatar
  • Joined: Jul 28, 2006
  • Posts: 457
  • Status: Offline

Post July 12th, 2007, 1:58 pm

Or if you still want to specify the other margins use:
Code: [ Select ]
<style type="text/css">
<!--
body {
 margin: 0px 0px 0px 0px;
 }
-->
</style>
  1. <style type="text/css">
  2. <!--
  3. body {
  4.  margin: 0px 0px 0px 0px;
  5.  }
  6. -->
  7. </style>


Going in margin order of....top....right...bottom...left (Clockwise I guess)
Image
/* My Logic Is Undeniable */
  • Shiggity
  • Born
  • Born
  • No Avatar
  • Joined: Sep 04, 2007
  • Posts: 1
  • Status: Offline

Post September 4th, 2007, 4:26 pm

Or even further simplified to

Code: [ Select ]
<style type="text/css">
<!--
body {
 margin: 0;
}

-->
</style>
  1. <style type="text/css">
  2. <!--
  3. body {
  4.  margin: 0;
  5. }
  7. -->
  8. </style>
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post September 4th, 2007, 9:35 pm

Shiggity wrote:
Or even further simplified to

Code: [ Select ]
<style type="text/css">
<!--
body {
 margin: 0;
}

-->
</style>
  1. <style type="text/css">
  2. <!--
  3. body {
  4.  margin: 0;
  5. }
  7. -->
  8. </style>


I believe rlynch has posted that code previously.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HindenPeter
  • Born
  • Born
  • No Avatar
  • Joined: Feb 16, 2010
  • Posts: 2
  • Status: Offline

Post February 16th, 2010, 2:40 pm

Hey guys, I know I'm reviving a dead thread, but I'm experiencing the same problem, and none of the suggestions I've found fix my problem, including the body css code. Any help would be awesome. I can't post a legitimate link, cuz your forum won't let me, so this is the best I can do: http://hindenpeter.byethost16 [dot]com/demo1.html
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post February 16th, 2010, 9:41 pm

Can't view the link after I fixed it... '0' => 'o'
"Bring forth therefore fruits meet for repentance:" Matthew 3:8
  • HindenPeter
  • Born
  • Born
  • No Avatar
  • Joined: Feb 16, 2010
  • Posts: 2
  • Status: Offline

Post February 17th, 2010, 11:44 am

Thanks for the reply, Bogey, not sure why you can't see the site, but I fixed it either way. Pretty simple problem, really... there was a # before body.
  • Bogey
  • Bogey
  • Genius
  • User avatar
  • Joined: Jul 14, 2005
  • Posts: 8211
  • Loc: USA
  • Status: Offline

Post February 17th, 2010, 11:37 pm

Oh ok... glad you got that fixed.
"Bring forth therefore fruits meet for repentance:" Matthew 3:8

Page 1 of 1

Post Information

  • Total Posts in this topic: 12 posts
  • Users browsing this forum: No registered users and 144 guests
  • You cannot post new topics in this forum
  • You cannot reply to topics in this forum
  • You cannot edit your posts in this forum
  • You cannot delete your posts in this forum
  • You cannot post attachments in this forum
 
cron
 

© 2011 Unmelted, LLC. Ozzu® is a registered trademark of Unmelted, LLC.