How to get rid of white border around Container Div (main box)?

I have look and look for a solution but couldn't find one. I'm developing a website but the main issue is the white (I changed it black so you can see what I'm talking about) border around the website when i go to preview it from DW to Google Chrome or Internet Explorer.
I've tried everything! from setting body margins all to zero but nothing works... can anyone help me?!

No that's not what I'm talking about, the black div bot on the top is what i put, I put the entire style.css code in my last post, I'm talking about the white border on the right inside the scroll bar.
let me explain from the bottom, let say I don't put Margin: 0 under Body in my style.css . I get a white (I made it Green to show you better) border around my entire webpage looking like this:
so this made me curios because I wanted to know why it gave me this border without putting Margin: 0 under Body in my Style.css sheet. so i went to inspect element inside Google Chrome and saw this:
I was shocked because it automatically added 8 px in Margin around the body. So I took all the advice i was given in this thread and put the Margin: 0 ; under Body in my Style.css Sheet and it did this:
for Some reason it says Margin 0 in the inspect element under body but put a default white border there to the right....
I have explained this the best way possible. PLEASE CAN ANYONE HELP ME?!
ps. its doing this for all browsers so i know it not a chrome issue!

Similar Messages

Can't get rid of white border around image

http://www.gunnar.ca/laminatepage2.htm
I created a rounded corner in photoshop for my table. I
created a cell in the bottom left corner of the table and placed
the gif. There is a thin whit border around the outer edge of the
gif, so it doesn't look genuinely rounded. Can anyone tell me how
to get rid of that so it looks like the table is actually rounded?
Thank you!

Because the table containing the GIF has a border. In your
styleA.css
stylesheet, the rule:
.border {
border: 1px solid #E5E5E5;
adds a border to the table. Delete the rule. Of course - that
may affect
other things that use the .border class. Or - delete the
class from the
table tag.
Several problems with the page:
styles.css cannot be found
sideNavStyles.css cannot be found
34 vaildation errors:
http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fwww.gunnar.ca%2Flaminatepage2.htm
Alec
Adobe Community Expert

Getting rid of white border around photos when using iphoto to iweb

Hi there,
Am creating web pages in iweb and importing photos from iphoto. Can anyone tell me how to get rid of the white border around my photos (image frame)? Hoping to enhance some of the templates with my own images. I also have photoshop elements and have been having the same problem there. Sure appreciate. Kim Strouble

Welcome to the Apple Discussions. The link to the site is broken. There is a fix for some of the strange goings on since the MobileMe conversion. See Wyodor's post in this thread: http://discussions.apple.com/thread.jspa?threadID=1605665&tstart=0. After applying the fix to iWeb I found I might have to republish a second time, occasionally a third and make sure I cleared my browser's cache.
If you're using Firefox 3 that's a different solution that can be found here: http://discussions.apple.com/message.jspa?messageID=7486799#7486799
TIP: For insurance against the iPhoto database corruption that many users have experienced I recommend making a backup copy of the Library6.iPhoto (iPhoto.Library for iPhoto 5 and earlier) database file and keep it current. If problems crop up where iPhoto suddenly can't see any photos or thinks there are no photos in the library, replacing the working Library6.iPhoto file with the backup will often get the library back. By keeping it current I mean backup after each import and/or any serious editing or work on books, slideshows, calendars, cards, etc. That insures that if a problem pops up and you do need to replace the database file, you'll retain all those efforts. It doesn't take long to make the backup and it's good insurance.
I've created an Automator workflow application (requires Tiger or later), iPhoto dB File Backup, that will copy the selected Library6.iPhoto file from your iPhoto Library folder to the Pictures folder, replacing any previous version of it. It's compatible with iPhoto 6 and 7 libraries and Tiger and Leopard. iPhoto does not have to be closed to run the application, just idle. You can download it at Toad's Cellar. Be sure to read the Read Me pdf file.
Note: There now an Automator backup application for iPhoto 5 that will work with Tiger or Leopard.

How to get rid of shadowed border around screen on MacBook Pro?

Just wondering if anyone knows how to get rid of this shadowed border on the screen of my macbook pro. I think my young daughter made it appear when she was striking various keys at random on my computer when I was not there. The cursor does not work when its over the shadow (i.e. will not depress the red 'x' button to exit a window and I have to drag window out from under shadow to close it).
It also appears in the middle of screen when airplay is turned on. (See screen shots below)
I have been unable to find any other discussion on this issue.
Above is screen normally and below is when airplay is turned on. Please help, thanks.

Hi rose_hedley,
I'm wondering if you have restarted your computer by now and if that helped.
That border is from Exposé with Show Desktop enabled (F11).
Mac Basics: Exposé (Mac OS X v10.6 and earlier)
http://support.apple.com/kb/ht2503
Need to temporarily clear the clutter? Press F11 and watch all your windows scamper away.
Take care,
Nubz

How To Get Rid Of White Space Around Footer

Hi,
I am really new at this (still trying to get a handle on HTML, CSS, etc.) and I need help fixing the footer in a template that I've created in Dreamweaver (CS5).
Right now, my main background image extends the full width of the page with no problem. However, my footer won't do the same thing. Instead, there are white bars on either side of it and when I test the page in a browser, I keep finding that no matter how small I make the browser window, the footer still won't extend to the full width of the page - I just keep getting the white bars on either side (the footer does this in Dreamweaver, Internet Explorer, Chrome, Firefox, etc.).
I created the footer using CSS, made its width 100%, and made sure that both the margins and the padding are 0. Here's what the CSS looks like for it:
#footer {
          font-family: Arial, Helvetica, sans-serif;
          font-size: 11px;
          color: #464646;
          background-image: url(../Images/Other/Footer.jpg);
          background-repeat: repeat-x;
          text-align: center;
          width: 100%;
          margin-right: 0px;
          margin-bottom: 0px;
          margin-left: 0px;
          padding-right: 0px;
          padding-bottom: 0px;
          padding-left: 0px;
And here's what my HTML coding looks like for the entire template:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>Template</title>



<style type="text/css">
body, td, th {
          font-family: Arial, Helvetica, sans-serif;
          color: #000;
body {
          background-color: #FFF;
          background-image: url(../Images/Other/Main%20Body%20of%20Website.jpg);
          background-repeat: repeat-x;
</style>
<link href="../CSS/Allegeon Style Sheet.css" rel="stylesheet" type="text/css" />
<script type="text/javascript">
function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
</script>
<style type="text/css">
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: underline;
a:active {
          text-decoration: none;
</style>
</head>
<body onload="MM_preloadImages('../Images/Navigation/Rollover/Services Rollover.jpg','../Images/Navigation/Rollover/Hands On Rollover.jpg','../Images/Navigation/Rollover/Onsite Rollover.jpg','../Images/Navigation/Rollover/Contact Rollover.jpg','../Images/Navigation/Rollover/Home Page Rollover.jpg','../Images/Navigation/Rollover/Learning Rollover.jpg')">
<table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
<tr>
    <td width="113"><div align="center"><a href="../Site Pages/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('index','','../Images/Navigation/Rollover/Home Page Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Home Page Normal.jpg" alt="index" name="index" width="101" height="64" border="0" id="index" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','../Images/Navigation/Rollover/Services Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Services Normal.jpg" alt="Services Link" name="Services" width="101" height="64" border="0" id="Services" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Hands On.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('HandsOn','','../Images/Navigation/Rollover/Hands On Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Hands On Normal.jpg" alt="Hands On Link" name="HandsOn" width="101" height="64" border="0" id="HandsOn" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Learning.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Learning','','../Images/Navigation/Rollover/Learning Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Learning Normal.jpg" alt="Learning" name="Learning" width="101" height="64" border="0" id="Learning" /></a></div></td>
    <td width="113"><div align="center"><a href="../Site Pages/Onsite.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Onsite','','../Images/Navigation/Rollover/Onsite Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Onsite Normal.jpg" alt="Onsite Link" name="Onsite" width="101" height="64" border="0" id="Onsite" /></a></div></td>
    <td width="116"><div align="center"><a href="../Site Pages/Contact.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Contact','','../Images/Navigation/Rollover/Contact Rollover.jpg',1)"><img src="../Images/Navigation/Normal/Contact Normal.jpg" alt="Contact Link" name="Contact" width="101" height="64" border="0" id="Contact" /></a></div></td>
</tr>
</table>

<table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
<tr>
    <td width="280"><img src="../Images/Header Logos/Home Page Logo.jpg" width="280" height="214" alt="Allegeon Logo" /></td>
    <td width="401"><img src="../Images/Header Images/Baltimore Web Landscape.jpg" width="401" height="214" alt="Baltimore" /></td>
</tr>
</table>
<br />

<table width="681" border="0" align="center" cellpadding="0" cellspacing="0" summary="Table applied for page structure.">
<tr>
    <td> </td>
</tr>
</table>

<p id="footer"><br />
<a href="../Site Pages/index.html" title="Home Link">HOME</a> <span class="divider">l</span> <a href="../Site Pages/Services.html" title="Services Link">SERVICES</a> <span class="divider">l</span> <a href="../Site Pages/Hands On.html" title="Hands On Link">HANDS ON</a> <span class="divider">l</span> <a href="../Site Pages/Learning.html" title="Learning Link">LEARNING</a> <span class="divider">l</span> <a href="../Site Pages/Onsite.html" title="Onsite Link">ONSITE</a> <span class="divider">l</span> <a href="../Site Pages/Contact.html" title="Contact Link">CONTACT</a><br />
Copyright © Allegeon. Designed by Allegeon. Developed by <a href="http://www.KatherineGahs.com/" title="Designer Link" target="_blank">Katherine Gahs</a>. </p>
</body>
</html>
Any help you can give me would be really appreciated!!! Thank you!

body {
margin: 0;
padding: 0;
If this is placed in the header html on a master or individual pages in Muse itself the problems appears to fix for me so one does not have to edit the HTML every time.

How can I get an even white border around 4x6 photo I am printing?

I am doing some photo restoration. I have a very very high res image that I want to print out at 4x6 and 8.5x11. I need it to have an even white border around it.
How can I do this in Photoshop CS5.5? I try to import it into inDesign it the dimensions don't mesh with the border. Any suggestions?
Thanks.

If you want to add the border to the image iteself you could use Image > Canvas Size to increase it accordingly.

How do I get rid of a border around a link?

I made a 'twoColFixLtHdr.css' document. I inserted .png files
(button images) into the sidebar and have these linked to documents
using the 'Browse for File' icon in the Properties window. In
Safari and IE the pages look fine in that there is no blue border
indicating that the files are linked. In Firefox, however, there is
a blue border surrounding the files. Is there any way to get rid of
this border so that it doesn't show up in Firefox?
Thanks for the help,
Lou

.oO(louhosta)
>Thanks that did it. By the way, how did you learn how to
do that? I would
>never in a million years came up with that style rule "a
img" let alone adding
>{border: none; } to it! Any suggestions on how to start
learning this?
Get a tutorial/book about CSS. Learn how it relates to HTML
and which
things you can affect through CSS by changing properties.
Learn how to
address specific elements by using selectors. These selectors
are the
most powerful, but IMHO also the most underestimated feature
of CSS.
It's really not that difficult. With just some basic
knowledge, rules
like
a img {border: 0}
become almost trivial to write and understand.
Micha

How to get rid of the border ?

Hi,
i've traced an image and want to use it as an .eps in 3D, but i still have a border path around the image border. How do i get rid of it ? I only want to have the path for the black areas.
Regards,
Frank

Frank,
That sounds strange. There may be something wrong, se below.
Can you get rid of the border/white stuff with Select>Same>Fill Color, and delete all the white paths (you may need to do some Ungrouping)?
The following is a general list of things you may try when the issue is not in a specific file (you may have tried/done some of them already); 1) and 2) are the easy ones for temporary strangenesses, and 3) and 4) are specifically aimed at possibly corrupt preferences); 5) is a list in itself, and 6) is the last resort.
1) Close down Illy and open again;
2) Restart the computer (you may do that up to 3 times);
3) Close down Illy and press Ctrl+Alt+Shift/Cmd+Option+Shift during startup (easy but irreversible);
4) Move the folder (follow the link with that name) with Illy closed (more tedious but also more thorough and reversible);
5) Look through and try out the relevant among the Other options (follow the link with that name, Item 7) is a list of usual suspects among other applications that may disturb and confuse Illy, Item 15) applies to CC, CS6, and maybe CS5);
Even more seriously, you may:
6) Uninstall, run the Cleaner Tool (if you have CS3/CS4/CS5/CS6/CC), and reinstall.
http://www.adobe.com/support/contact/cscleanertool.html

How can I create a white border around figures that are in an image? (CS 6; examples+image included)

Hi,
I have CS6 and am wondering how to create a white ("comic style"?) border around figures in an image, as in the examples below. I don't wish to include the black shadow of the border, just the white part.
Examples:
Here's the image I'd like to alter, making a white border around the outline of all five figures:
I researched for quite a while but could find no instructions. It would be very much appreciated if someone knows and would be kind enough to share the technique! Thank you.

If you make the image a layer (opposed to Background)...
You could Select the blue with the Magic Wand as Semaphoric says, then fill with white. Then choose Select - Modify Selection - Contract, and mask or delete the remaining pixels. The Contract operation will give you a nice border the size you choose.
For extra credit, you could use Refine Edge to make the selection more accurate.
Click to see the image against a dark background.
-Noel

How to get rid of white space in EPS embedded in Word for letterhead template?

Does anyone know how to get rid of the white band in the bottom of this letterhead?
I embedded the EPS image (done via Illustrator) as a watermark in the header section of MS-Word.
It looks fine in the Word version, but as soon as I try to print the document - either via Word or via a PDF - that white
band on either side of the footer and underneath it keeps showing up. I can't get rid of it. I tried this on a PC and a Mac
and those white bands won't go away.
If anyone could let me know how to resolve this problem, I would be eternally grateful!
Thank you.
NZB

If you want this to bleed, then you will have to print on oversize paper and trim or find a printer that will print borderless.

How to Get Rid of White Stripe At Top of Firefox Browser

I have the current version of Firefox installed. Recently, perhaps with the most recent install, I'm not exactly sure, a white stripe appeared at the top of the browser, right under the search and URL boxes at the top of where websites would normally show, a white stripe about a 1/2 inch thick has appeared. Not on every single site, google.com works fine, but for example, it blocks out the home, connect, discover and me tabs on Twitter. Or if you go to mozilla.com, the tabs at the top of the mozilla site briefly show, then are blocked by the white bar. You can't click on any of them, even if you have your mouse pointed at the right spot. You can refresh the screen and they'll briefly show again, but not long enough for you to click on anything.
I've run a number of search engine queries trying to find out how to get rid of this problem, but I'm only finding resolutions for webmasters, not for end users who have to deal with this problem on the other end of the browser.
Anyone know how to get rid of this nuisance? I'm about ready to uninstall Firefox because its useless on many sites with buttons and tabs on top.

I shut down all but one of the extensions, and that seems to have resolved the problem. Thank you!
Now to figure out which extensions I need, and which I don't, because I don't have a clue. I don't remember installing most of these, I only recall one or two (nothing looks spammy like funmoods, but still don't remember when or why these were added...)

How to get rid of white icons on ipod touch 4th generation

How do you get rid of white icons on the ipod touch 4th generation. I tried resetting it already.
Thanks,

First, try a system reset. It cures many ills and it's quick, easy and harmless...
Hold down the on/off switch and the Home button simultaneously until the screen blacks out or you see the Apple logo. Ignore the "Slide to power off" text if it appears. You will not lose any apps, data, music, movies, settings, etc.
If the Reset doesn't work, try a Restore. Note that it's nowhere near as quick as a Reset. Connect via cable to the computer that you use for sync. From iTunes, select the iPad/iPod and then select the Summary tab. Follow directions for Restore and be sure to say "yes" to the backup. You will be warned that all data (apps, music, movies, etc.) will be erased but, as the Restore finishes, you will be asked if you wish the contents of the backup to be copied to the iPad/iPod. Again, say "yes."
Finally, if the Restore doesn't work, let the battery drain completely. Then recharge for at least an hour and Restore again.

In pages/Pixelmator how do you put a white border around a piece of font, to make it stand out more. Please Help

The Benchwarmers logo, I would like to have a white border around the font to make it stand out. Help please

You would be better served to take a closer look at BeLight's free Art Text 2 Lite, or on YouTube, search for "Pixelmator text effects," or review the several Pixelmator tutorials on their site. Pages does not support the layered text effects necessary to create the Benchwarmers logo, but certainly can incorporate this image once completed through external means. Is the following image the one you have in mind:

Unwanted white border around a div

I placed a div that I am using for a background. Before I add an image I am testing it out by giving it a blue background. I have the width and height set to 100% and left to 0px and top to 0px. When I test it in a browser (IE 8) or view it in Design view it has a white border around it. There is no border setting or margin setting. Is there some preference setting in Dreamweaver that makes this aproximately 10px border? If so how do I get rid of it?

Thank you both - that helped to clear up some of the issues but others remain. I'm assuming I can keep the dialogue going but will start a new thread if that is required.
I uploaded the page and css files to my server. The page file is http://www.wlvs.com/untitled-1.html and the css file is http://www.wlvs.com/test.css I ame using these file to try out styles. The background div (backgnd) will ultimately be an image but for now I'm just using a color. The "wraper" has an image that I gave a padding to at the top and bottom and for some reason it is showing a dark blue color. - I thought it would allow the background color to show through - shouldn't it??
The other issue is centering the logo in the "header". I suppose I could use <center> but I am trying to figure out what is the css code for doing it. Nothing seems to work. I was able to center the "wraper" image but could not do the logo.
Any help would be much appreciated...

Getting rid of gray border around jpeg overlay?

I have an imported jpeg image as my main image. I am overlaying another jpeg image logo. Around the logo is a grey border that is not in the image as it stands alone. What is that and how do I get rid of it?
Thanks

If you don't have Photoshop, Preview has an "Instant Alpha" feature... Just press and drag your mouse, then hit delete. Save as a PNG/PSD/TIFF, etc...

How to get rid of white border around Container Div (main box)?

Similar Messages

Maybe you are looking for