Black space around webpages.

Hi I am very new to Dreamweaver. I made a site in Golive some time ago and I now need to update it and refresh it. I had a problem in Golive with a black space around all my pages which you can see at www.goldenumber.co.uk I was never able to sort this out in the golive forum and am hoping to have more luck here. Any suggestions?
Matt.

Unless I'm missing something in your question, I see the page as it was intended by the html and the css.
The black around the ediges the 'page' background - as defined in your stylesheet:
body { color: white; font-family: tahoma, verdana, arial; background-color: black; background-repeat: no-repeat; text-align: center; }
Your content area is contained within the wrapper div which is set to be centered with a width of 1000px.
#wrapper { background-position: center 50%; text-align: left; position: relative; width: 1000px; height: auto; margin-right: auto; margin-left: auto; }
This means that any browser window over 1000px wide will see the black background all the way around your wrapper/content area.
Nadia
Adobe® Community Expert : Dreamweaver
Unique CSS Templates | Tutorials | SEO Articles
http://www.DreamweaverResources.com
Web Design & Development
http://www.perrelink.com.au
http://twitter.com/nadiap

Similar Messages

Videos Come Out Small with Black Space Around-Nikon coolpix L820

Everytime I export a video from premiere pro it comes out small with black space around the edges-- like this: Above All Odds, Bobby Maze: Episode 1 - YouTube
How would you suggest I fix this within the settings and how I export it?

Hi,
What is the Frame size of the Video?
In the Project Bin, right click on the File and create a New Sequence from Clip.
Export the File in the same Frame size as you video.
Thank You
Arjun

Why is there a black part in the X when I try to delete my app? It's covering up the supposed to be white space around the X button

Help!! Why is there a black part in the X when I try to delete my app? It's covering up the supposed to be white space around the X button

Try:
- Reset all settings
Go to Settings > General > Reset and tap Reset All Settings.
All your preferences and settings are reset. Information (such as contacts and calendars) and media (such as songs and videos) aren’t affected.
- Restore from backup. See:
iOS: How to back up
- Restore to factory settings/new iOS device.
If still problem, make an appointment at the Genius Bar of an Apple store since it appears you have a hardware problem.
Apple Retail Store - Genius Bar
Since they all line up on the left site that could be a hardware problem or maybe a software glitch. I have never seen that problem posterd here before

Using IOS 7.1.2 on Safari when I leave the focus on a input on my webpage and rotate my device from Horizontal to vertical, I see a black space on the right and the page is not displayed properly. Any solutions to this problem?

iOS Version: 7.1.2
Browser: Safari
I have a sample log-in page with two input fields and a submit button. When I focus on any of the input fields in landscape mode and rotate my phone and come to the portrait mode I see a weird black space towards the right of my page. Screenshots attached below:
My page code below:
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0" />
    <title>IOS Test</title>
    <style type="text/css">
        a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var
            background: transparent;
            border: 0 none;
            font-size: 100%;
            margin: 0;
            padding: 0;
            border: 0;
            outline: 0;
            vertical-align: top;
        ol, ul
            list-style: none;
        blockquote, q
            quotes: none;
        table, table td
            padding: 0;
            border: none;
            border-collapse: collapse;
        img
            vertical-align: top;
        embed
            vertical-align: top;
        article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video, div
            display: block;
        mark, rp, rt, ruby, summary, time
            display: inline;
        input, textarea
            border: 0;
            padding: 0;
            margin: 0;
            outline: 0;
        iframe
            border: 0;
            margin: 0;
            padding: 0;
        input, textarea, select
            margin: 0;
            padding: 0;
        body
            font-family: Arial, Myriad Pro, Trebuchet MS, sans-serif;
            font-size: 100%;
            background: #F5F5F5;
        a
            text-decoration: none;
        a:hover
            text-decoration: none;
        img, object, embed, video
            max-width: 100% !important;
        .clear
            display: block !important;
            width: 100% !important;
            clear: both !important;
        .body
            position: fixed;
            width: 100%;
            top: 0;
            left: 0;
            overflow-y: scroll;
            -ms-overflow-style: -ms-autohiding-scrollbar;
            -webkit-overflow-scrolling: touch;
            -ms-touch-action: pan-y;
            -ms-user-select: none;
            z-index: 0;
        .body > *
            -webkit-transform: translateZ(0px);
        .header
            background: #fff;
            text-align: center;
            border-bottom: #45A116 solid 8px;
            padding: 5% 10%;
        .content
            width: 70%;
            position: relative;
            margin: 20% auto 10% auto;
            text-align: center;
        .content input
            display: block;
            background: #E6E6E6;
            border-radius: 15px;
            border-bottom: #A8A8A8 solid 3px;
            margin-bottom: 5%;
            width: 96%;
            padding: 4% 2%;
            text-align: center;
            color: #595959;
        .content a
            display: inline-block;
            padding: 2% 10%;
            color: #fff;
            background: #45A116;
            margin-top: 5%;
            border-radius: 5px;
            border-bottom: #2C690E solid 3px;
            -webkit-transition: all 0.1s linear;
            -moz-transition: all 0.1s linear;
            -ms-transition: all 0.1s linear;
            -o-transition: all 0.1s linear;
        .content a:active
            background:#368011;
    </style>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        function adjustBody() {
            var wh = $(window).height();
            $(".body").css({
                "height": wh + "px"
        $(document).ready(function () {
            adjustBody();
            $(window).resize(function () {
                adjustBody();
    </script>
</head>
<body>
    <div class="body">
        <div class="header">
            <img src="sampleImage.png" alt="Sample Logo" />
        </div>
        <form action="" method="get" id="sampleForm">
        <div class="content">
            <input type="email" value="User Name" onblur="if($(this)[0].value == ''){$(this)[0].value = 'User Name';}"
                onfocus="if($(this)[0].value != '' && $(this)[0].value == 'User Name'){$(this)[0].value = ''};" />
            <input type="password" value="Password" onblur="if($(this)[0].value == ''){$(this)[0].value = 'Password';}"
                onfocus="if($(this)[0].value != '' && $(this)[0].value == 'Password'){$(this)[0].value = ''};" />
            <a href="javascript:void(0);" onclick="$('#sampleForm').submit();">Login</a>
        </div>
        </form>
    </div>
</body>
</html>
Does anyone have any solutions to this problem?
Regards,
Mayank Tripathi

ALWAYS SAVE YOUR idevice USING ICLOUD !!!! IT SAVES ... ALL !! (includings apps data, but the apps themselves ! USE IT ! i done this...)

I have these black boxes surrounding things, e.g., there is a black box around the red "close" button on the upper left corner of this page. There is also an oblong black box

Hi - I'm not only having trouble waking up my MBP from sleep and having to restart repeatedly which is a pain in itself, but now when it restarted, I have these black boxes surrounding things, e.g., there is a black box around the red "close" button on the upper left corner of this page. There is also an oblong resizable black box sitting on top of anything. The content changes depending on the actions I take. Right now it says, "You are currently on a close button. To click this button, which closes the current window, press Control-Option-Space." Right now I'm open in Firefox, but it doesn't matter if only Finder is open, it's still there. I've tried closing all my applications and restarting and I also reset the PRAM. It won't go away. It's probably something simple, but I don't know how to get rid of it. Any suggestions are welcome.
Thanks,
Janet

Thanks so much. I saw this on "desktop strangeness" immediately after I posted and tried to retract my question. It worked perfectly. I'm not sure how VoiceOver got turned on unless something happened when I was trying to wake up the computer. I open the lid and it flashes whatever is open and then the screen goes black and I can't wake it up. Still looking for the resolution to this.

IPhoto adds ugly black border around imported screen grabs

When I grab a picture of an application screen (using cmd + shift + 4 and then hitting the space bar over the application), I get a screen grab that opens fine in Preview, but when I drag/import it to iPhoto, it adds an ugly thick black border around the whole picture. Why? Is there any way to stop this from happening?

Old Toad wrote:
Missed the Command....... I have used that command and don't get the border except when viewing the file as an thumbnail in the Finder.
Do you have a MMe account? If so upload the screenshot file to the Pictures folder and use the following code to add it to a post:
Click to View Photo
You'll get this: Click to View Photo. It's a screenshot of the screenshot and it's presentation in Safari.
So, I can see immediately from the photo in the link above that you have not used the key combi I am talking about - was that intentional?
Anyway, here's the link, and you can quite clearly see the drop shadow.
Click to View Photo
Message was edited by: m0thr4

Export from FCE to iDVD, results in black border around movie

Here is the problem....
I have edited a movie in FCE where all of the footage is 1440 x 1080
I export it using: File -> Export... QuickTime movie
I choose "self contained" movie and "audio/video", plus "chapter markers" in the pop up menu.
I then take this into iDVD amd all looks ok in the preview, but once burnt to DVD, there is a large black border around the entire movie. It is almost like it is a smaller movie which does not fill the screen correctly.
Any idea why this happens and how to overcome this. When I lok at the exported movie from FCE- it is 720-x576 and not the full size- is this the problem?
Thanks for any tips.

Hi
Is it widescreen ?
Did You in Your browser window set sequence and material to anamorphous. To me it was a revelation that the Browser window was exstendably to the right with lot's of columns - and one of them was Anamorphous.
Did you start a WideScreen project in iDVD - First window that opens after You clicked Start a New iDVD project (top button). At bottom this new window You set 4:3 (SD format) or 16:9 for WideScreen.
In iDVD You also need to go up to Project and down to Projectinfo
then set 16:9 here TOOO !
Proportion - Change it to 16:9
When I go from FinalCut to iDVD - I do
FCE/P to iDVD
Several things
• How to go from FCE/P to iDVD
• Free space on Start-up hard disk
• Encoding
• Brand and type of DVDs used
• Burn speed set
• iDVD BUG
• Chapters
How to go from FCE/P to iDVD I do
• Disable Screen and Energy saver
• IMPORTANT --> FIRST in FinalCut - Mix Down Audio under Sequence Menu / Render Only / Mix-down
• Export out as a QuickTime .mov file
• Select with Mark - Chapter Mark
• Not as Self-Contained (not important but saves time and space)
• NO QUICKTIME CONVERSION (IMPORTANT)
This QT.mov file I import into iDVD from within iDVD.
Free space on Start-up hard disk
I set a minimum of 25GB (for Mac OS and iDVDs temp files)
Encoding
• I use Pro Quality encoding
Brand and type of DVDs used ( Important as cheap brands DO NOT WORK )
• I use Verbatim
• I use DVD-R
Burn speed set (IMPORTANT)
• I set down this to x4 (or x1)
iDVD BUG
• One can not go back to movie-project for any alterations and then go back to
the iDVD project. It will notice and ask You to either Up-date or Cancel. Neither
of them will work.
Medicine - Start a brand new iDVD project.
Use of Chapters
• I only use a to z and 0 to 9 in naming them. NO other symbol/letter !
• NO Chapter-mark at very beginning - iDVD NEEDS TO set this by it self
• No Chapter marks in or within two seconds from a transition
(Way around this last one - Export movie as QT full quality and NO Chapter marks
Import this into a new Movie-project and now You are free to set C-Ms where You want
them except at very beginning - still)
Material used to build movie
• video - I use streamingDV (or convert all other to this e.g. .mp4, .avi, .wmv etc)
• audio - I use .aiff 16-bit 48kHz or from Audio-CD (44.1kHz) - no .mp3 or direct from iTunes
• photos - I use .jpg - no .bmp etc
Problems - then Trash iDVD pref. file and run Repair Permissions - and have a re-try.
from post ??
May not be relevant, but I had the same problem with iDVD, where burned DVDs showed a green screen. It was cured by quitting Quicksilver and Quickeys as well as disabling sleep and screen-saving
Yours Bengt W

Black frame around image icon during Web Start start up

Hi,
Sometimes I can see black frame (16 pixels) around my own icon during resource files downloading. My icon resolution is 32*32 pixels.
It appears like Web Start assignes size of the icon to 64*64 pixels and all space around my 32*32 icon is filled by black colour.
Playing with the width and height parameters. As a result it did not help.
Please, aslo see link below:
http://amikhailov74.googlepages.com/scr.JPG
<information>
    <title>MyApps</title>
    <vendor>                                        MyApps</vendor>
    <description>MyApps</description>
    <description kind="short">MyApps</description>
    <homepage href="http://myhost/webstart/"/>
    <icon href="images/backup_icons/FTOicon_ftt.gif"/>
    <icon href="images/myicon.gif" width="32" height="32" />
</information>How can I fix problem with this black frame?
Thanks for your help.

Sonal wrote:
ClassLoader cl =Frame.class.getClassLoader();
Image programmIcon = new ImageIcon(cl.getResource("\colorandsize.jpg")).getImage();
Change that to something like..
ClassLoader cl =this.getClass().getClassLoader();
Image programmIcon = new ImageIcon(cl.getResource("/colorandsize.jpg")).getImage();
..There are changes to both lines.

Youtube video has black border around it

I impoted a short clip from my camera (640x480 4:3 ratio) into the organizer, then from there opened a premiere elements project and shared the video to Youtube. The video in premiere element looks fine, it has black stripes on the left and right sides which I think is normal given the source resolution/ratio. The final video on Youtube, however, has a larger black border around the entire video, including black space at the top and bottom. Why is this, how can I get rid of this extra border?

This usually indicates a mismatch between your source video and your project settings.
Which camcorder model did your video come from and how did you get it into your computer?
When you started your Premiere Elements project, which project settings did you select?
My free Basic Training tutorials on Premiere Elements support site Muvipix.com will show you how to set up a project properly.

Black box around window screenshots?

Hi guys,
I'm using 10.6.2 SL and whenever I take a screenshot of a window with Shift Apple 4 Space, I get this ugly black box around the window.
Here is an example.
Before, the screenshot would have a nice shadow. It used to look like this.
Was this intentional? Or is this a glitch?
Thanks
Sohrob

That behavior's abnormal. Start with a search for *screenshot black border* and peruse the hits. If no luck, create a new admin user account, log into it, and see if the problem persists.

Black frame around windows

Hi all,
recently upgraded to SL. And, from time to time, I have black frames around my windows where the shadow should be viewable.
Anyone else having this problem?

PartisanEntity wrote:
I was able to narrow down the issue, these weird black frames only appear when or after I have used an application that requires 3d graphics, such as Maya.
Sounds like your system can't keep up with the rendering required...try to run Maya alone, right after a reboot and be sure to have sufficient free space on the HD.

Black bars around video in premiere 10

When I upload a video, there seems to be black bars around it. How do I fix it?

Qualick
Thanks for the reply.
When you open a project, you or the project needs to set a project preset to match the properties of your source file that you are going to import into the project.
You need a match between the project preset and the properties of the source so that the project is directed to set up the
correct space for editing in the Edit area monitor. Unless you can settle for black borders, you need
to make a match between project settings and source media properties.
There is no 1280 x 600 pixels project preset in Premiere Elements - video is typically 4:3 or 16:9. 1280 x 600 is neither.
Some possibilities...
a. You could record your images to 1280 x 720 16:9
b. You could import your 1280 x 600 video into a 1280 x 720 project with 1280 x 720 Edit area monitor space and then scale (zoom in) the image until
it fills the Edit area Space without black borders.
Can you alter your recording settings so the your recording is either 4:3 or 16:9 video?
When you get to exporting your Timeline content, you have more flexibility in the export settings.
Please let me know what the requirements are for your export of your Timeline with this 1280 x 600 video.
Thanks.
ATR

I am using the old imovie HD on my old Mac laptop... it works fine, but when I export a video to YouTube there is a black frame around it.. how do i get rid of that? thanks!

I am using the old imovie HD on my old Mac laptop... it works fine, but when I export a video to YouTube there is a black frame around it.. how do i get rid of that? thanks!

Hi MyAppleID99,
You may want to check to make sure the clip hasn't been moved back and forth between wide screen and standard aspect ratios; sometimes a combination of letterboxing and pillarboxing can lead to a black frame "windowbox" when playing the final video. You may find the following article helpful:
Apple Support: What are Letterboxing, Pillarboxing and Windowboxing?
http://support.apple.com/kb/ht2320
Regards,
- Brenden

There's a black space at the top of my window, and when I open the browser, my home page comes up but the address line is blank. How do I fix this?

There's a black space at the top of my window, and when I open the browser, my home page comes up but the address line is blank. How do I fix this?

-> Tap ALT key or press F10 to show the Menu Bar
-> go to Help Menu -> select "Restart with Add-ons Disabled"
Firefox will close then it will open up with just basic Firefox. Now do this:
-> Update ALL your Firefox Plug-ins https://www.mozilla.com/en-US/plugincheck/
-> go to View Menu -> Zoom -> click "Reset" -> Page Style -> select "Basic Page Style"
-> go to View Menu -> Toolbars -> select Menu Bar and Navigation ToolBar -> unselect All Unwanted toolbars
-> go Tools Menu -> Clear Recent History -> '''Time range to clear: select EVERYTHING''' -> click Details (small arrow) button -> place Checkmarks on '''Cookies, Cache, Site Preferences''' -> click "Clear Now"
-> go to Tools Menu -> Options -> General -> When Firefox starts : select "Show My Home Page" -> Type the address of the website which you want to be your HomePage e.g. http://www.google.com
-> go to Tools Menu -> Options -> Content -> place Checkmarks on:
1) Block Pop-up windows 2) Load images automatically 3) Enable JavaScript
-> go to Tools Menu -> Options -> Privacy -> History section -> '''Firefox will: select "Use Custom Settings for History"''' -> REMOVE Checkmark from '''"Permanent Private Browsing mode"''' -> place CHECKMARKS on:
1) Remember my Browsing History 2) Remember Download History 3) Remember Search History 4) Accept Cookies from sites -> select "Exceptions..." button -> Click "Remove All Sites" at the bottom of "Exception - Cookies" window
4a) Accept Third-party Cookies -> under "Keep Until" select "They Expire"
-> '''REMOVE CHECKMARK from CLEAR HISTORY WHEN FIREFOX CLOSES'''
-> '''When using the Location Bar, suggest: select "History and Bookmarks"'''
-> go to Tools Menu -> Options -> Security -> place Checkmarks on:
1) Warn me when sites try to install add-ons 2) Block reported attack sites 3) Block reported web forgeries 4) Remember Passwords for sites
-> Click OK on Options window
-> click the Favicon (small drop down menu icon) on Firefox SearchBar (its position is on the Right side of the Address Bar) -> click "Manage Search Engines" -> select all Unwanted Search Engines and click Remove -> click OK
-> go to Tools Menu -> Add-ons -> Extensions section -> REMOVE All Unwanted/Suspicious Extensions (Add-ons) -> Restart Firefox
You can enable your Known & Trustworthy Add-ons later. Check and tell if its working.

How to delete black space under my page..

though the pages seem to be same size, in some of them i've got some black space under them and i cant take it away with the layout buttons
what can I do?
thanks

What's the URL for the site so we can examine it first hand?
OT

Black space around webpages.

Similar Messages

Maybe you are looking for