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...

Similar Messages

  • 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!

  • Unwanted thin border around DIV

    So I have two pages (not online yet) in a site I am builing.
    They both have an arrow rollover (about 60x40px made in PS), The
    first one is fine and the arrows sits on the background seemlessly.
    I used the same master file, but changed the arrow color. Made
    another page but on this page I can see a thin white border around
    the 40x60 box the arrow sits in . The border bvalue is set to 0. It
    sits on black. I tried no BG color, and Black BG color and neither
    made a differnce. I am really stumped. What causes a thin white
    outline around and object/DIV like this?

    The image itself probably has the border in it. Remake the
    image and be
    careful when you export it to make sure there is no border.
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "iptinak" <[email protected]> wrote in
    message
    news:gckfrn$ou7$[email protected]..
    > okay, it is something about how the image is saved. I
    took the new arrow
    > out
    > and inserted the old one to the same page. No border.
    They are both JPGS.
    > I
    > realize now that when I made the first one I never saved
    saved the PS
    > original
    > files. I opened the JPG and over laid on top to redo it.
    I must have saved
    > it
    > differently but I don;t see any differences. What am I
    missing here?
    >

  • White border around images in Easy Rotator

    I would like for there to be a small white border around my images when i put them into easy rotator.  I really just want there to be about a 5 px space around them that is really just the background.  I cant seem to find the right place in the code to make the div that holds the background color... which is white...to make it have like a 5 px padding..
    or even make a 5 px margin around all images.
    I even tried to place the border around my images when placing them in the rotator but the top still pushed all the way up and there was only the white space on the left right and obviously the bottom where the dots are that shows which number slide I am on.
    Where in the code will I find this so I can manipulate it... thanks again for always helping
    avery

    Without a link, it's all guesswork. 
    Use Chrome or Firefox to preview your page.  Right Click and select Inspect Elements.  This should give you some idea of which CSS selectors are used by Easy Rotator.
    Nancy O.

  • 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

  • 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

  • How to add white border around my Banner?

    Hello,
    I am trying to add a small border around my banner.
    I tried to code it in but it didnt seem to work. Not sure why?
    So i added just without the border.
    Any thoughts?
    Thank you!
    Ivan
    Here is the URL - http://www.the-electronic-cigarette.net

    Your header is defined as an id in style.css
    So, in your CSS:
    #branding {
              background: #ffffff url(images/sky.png) top left repeat-x;
              margin-bottom: -20px;
    Change to:
    #branding {
              border-color: fff;
      border-width: 3px;
              margin-bottom: -20px;
    That will create a 3 pixel border around the div.

  • White Border Around Template Images

    I recently created a "page layout" document from a template. This is my first attempt to use a template and it was all going well. Until I hit "print." When I print the document, the images that were already part of the template are printing with a white border around them. It looks fine in Pages and when I go to Print Preview, but it comes off the printer looking funny. What's the deal?

    Thanks for the clarification. I had a hard time selecting that white border around the photos. I couldn't even figure out what it was for awhile. I think the printing problem is related to that white border which is an image, photoBG_triple.png, that is behind the photos & their masks & on top of the lined paper image, notepaper.png. I think all that layering looks nice on screen or PDF, but could be a printing nightmare. How does it look funny? And what kind of printer are you using?

  • Problem with white border around images

    Hey guys,
    I'm new to the creative suite and have just finished running through all of the video tutorials, etc. I'm having a small problem which can be seen in the sample site I'm fooling around with here:
    http://www.andrewedunn.com/gsd/
    I'd like to get rid of the small white border around the "GS" logo. It is an illustrator document.
    Basically I put the letters in place, converted them to paths (so I can resize it) and dropped it in my GoLive document as a smart object.
    A google such suggested rasterizing, but I couldn't get it to work after fooling with it a little bit.
    Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive? The one time I tried it, the drop shadow was placed on top of a white background.
    Any suggestions would be appreciated!

    Are your background images always going to be displayed left-aligned on a black background and always the same size, so that the left half of the logo will always be over the photo and the right half will always be over the black? Or will the size or placement of the photos vary?
    Are all of the photographs in approximately the same moderate tonal range, or will some be bright and some dark?
    If the background will be consistently as you show it, you should be able to anti-alias your logo against a medium gray on the left and black on the right for acceptable results. If the background is more varied, you are not going to get good results with either GIF or JPG format.
    See this related thread:
    http://www.adobeforums.com/cgi-bin/webx/.3bc38b6e/3
    > Further, if I wanted to add a drop shadow to it, how can I do it so that it is transparent on top of the background images in golive?
    Only by exporting as a transparent PNG, but then older browers won't display it properly.
    If you are really needing to have a logo that casts transparent drop shadows on top of a wide variety of images, you might consider going the Flash route, even though you aren't planning animation. Flash has very good transparency handling, and there are Flash player plugins that are compatible with browsers that won't display PNG images.

  • 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.

  • 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:

  • White Border Around Flash in Dreamweaver

    When I insert my Flash file (.swf) into my Dreamweaver page,
    Dreamweaver inserts a thin white border around the flash video. I
    have tried several potential solutions I have seen but none of them
    seem to solve the problem. Looking for suggestions!

    Which browser ?
    "CreateGood" <[email protected]> wrote in
    message
    news:fvn8uh$mj2$[email protected]..
    > When I insert my Flash file (.swf) into my Dreamweaver
    page, Dreamweaver
    > inserts a thin white border around the flash video. I
    have tried several
    > potential solutions I have seen but none of them seem to
    solve the
    > problem.
    > Looking for suggestions!
    >

  • 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.

  • [solved] White border around urxvt (Openbox / Dyne)

    Hi, dear community.
    I'm using Openbox and urxvt as console terminal. Everything is fine but white border around urxvt window is really annoying.
    Screenshot:
    Notice, there are no white border around another application window.
    .Xdefaults:
    ! c o l o r - s e t t i n g s
    *background: #222222
    *foreground: #EEEEEE
    ! Default
    ! 0: black
    *color0: #222222
    *color8: #222222
    ! 1: red
    *color1: #9f6767
    *color9: #9f6767
    ! 2: green
    *color2: #92ac68
    *color10: #92ac68
    ! 3: yellow
    *color3: #d0d293
    *color11: #d0d293
    ! 4: blue
    *color4: #9aacc3
    *color12: #9aacc3
    ! 5: magenta
    *color5: #bb77a4
    *color13: #bb77a4
    ! 6: cyan
    *color6: #77bbb5
    *color14: #77bbb5
    ! 7: white
    *color7: #777777
    *color15: #777777
    ! u r x v t
    urxvt*geometry: 130x45
    !URxvt*font: xft:terminus:size=8
    urxvt*saveLines:32767
    urxvt*internalBorder: 0
    urxvt*externalBorder: 0
    urxvt*scrollBar: false
    urxvt*scrollColor: #EEEEEE
    urxvt*scrollBar_right: true
    urxvt*scrollColor: #000000
    urxvt*externalBorder: 0
    urxvt*internalBorder: 0
    urxvt*borderless: 1
    urxvt*perl-lib: /usr/lib/urxvt/perl
    urxvt.perl-ext-common: default,tabbed,matcher
    urxvt*urlLauncher: firefox
    urxvt*matcher.button: 1
    As you can see - no white color usage, and options that probably turning border off are on.
    Can someone help with it, or suggest where to search for solution?
    Last edited by kvictor (2009-10-22 07:39:15)

    skottish, thank you so much! At least I found where to search thing to fix.
    There was one problem with you solution - if you change window.client.padding lines to the zero, you will lost ability to resize terminal window. The best fix is to change this lines:
    window.active.client.color: #XXXXXX
    window.active.client.color: #XXXXXX
    and set #000000 or what would you like.
    Anyway, thanks again, you gave me a key to solution!

  • White Border around the screen?  1/2 inch...

    I have a white border around the screen, very noticable with any dark background...
    Whats the deal with this?
    Could this cause the display brightness to have to be turned up all the way just to get a good solid picture...?
    This is not acceptable?

    The lack of information, feedback, confirmation, etc that apple is famous for is exactly why I am deathly afraid of ordering the new 17" mbp. I have been stealing my girlfriends' peecee to catch up on emails and websites since I sold my old 15" mbp a couple months ago.
    I was just about to pull the trigger and buy the new 17" mbp until the "delay", again no specific information given out by apple. Some people were charged secondary charges and had ship dates of the day of the announcement of the delay - which would logically dictate that there were plenty of machines that had to be un-packed, cracked open and "updated". So with all the unibody related issues, all the 9600 related issues, and all the screen issues of the 15" led, I am not sure i'll be able to play guinea pig for apple... yet again...
    Weejun wrote:
    If this problem is fixed at all, I'll bet it won't be until a new lot of displays is made, either by a new >manufacturer or (more likely) under more stringent standards by the same manufacturer(s). I've >heard that display sources have become very limited, and suspect that Apple has had to settle for >lower quality than they would prefer. Maybe Apple can only handle complaints as they arise >because there aren't enough decent replacements. But a barrage of complaints might force it to >demand better quality from its contractors next time.
    Bottom line, I'm hoping for a C86 or C87 to show up. Maybe that's hoping for too much.

Maybe you are looking for