White border showing on right

Hi,
I've loading the site here http://www.bulls-eyegraphics.com/
My problem is the pages are cutting off the grey background on the right side and displaying a big white vertical line instead.
(it temporarily rendered correctly, after I added <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd"> - but then it went back to showing the white border on the right....?)
I normally work in print design, I laid out the site in photoshopCS3, sliced in image ready CS2 and took into dreamweaver as an entire site.
(Nancy suggested a better way of going about the building of the site, (which I may use to re-do the entire site - but for now, I would just like to correct this problem of the white border...)
thanks,
Francine

I can get around html but still figuring out css....
In that case you wish to go through some basic tutorials, especially if you are prone to creating a new style for everything you want to change on a page :-)
From Tables to CSS Web Design Part 1 -
http://www.adobe.com/devnet/dreamweaver/articles/table_to_css_pt1.html
TAKING FIREWORKS OR PHOTOSHOP COMP TO DREAMWEAVER:
http://www.adobe.com/devnet/dreamweaver/articles/dw_fw_css_pt1.html
Hope these help
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

Thin white border showing

Hi all, when I have a document filling the screen (i.e. click ctrl+0) there is a thin white border surronding the image (see attachment). This does not show at any other magnification. Not happened in any other PS iteration (long word!) Can anyone tell me, what might it be and can it be gotten rid of? Would it be a graphics card issue?
thanks for any help you can offer.
Phil

I think it is a display problem not in the file itself. Any saved image I load displays with the thin white border but only at that particular size (which can also be achieved by double clicking on the hand symbol in the toolbox. At any other size the border disappears. The border does not display at any size with CS5 on the same files.

White border problem when zooming with SWF in PDF

Hi Everyone,
I have posted my original querry in the Indesign forum:
http://forums.adobe.com/message/5176893#5176893
I'm having problems with zooming whedn trying to create a PDF with SWF inserted.. at certain levels of zoom I get a white border on the left and right of the document which squashes the content into the middle and makes it a little pixelated. I also get a thin white border on the right when zooming out. Does anyone have any ideas where I might be going wrong?
Thanks,
Em

Not wishing to be rude, but that workflow is not supposed to be used that way.
InDesign's ability to export SWFs is intended for showing the file in a Web page, and Acrobat's ability to embed SWFs is only intended for small annotations placed within the pages of a conventional PDF file. By placing the entire Layout as a SWF you are in effect playing the entire thing as a movie in Flash Player - all the advantages of the PDF format are completely lost, there is no vector-rendering of any content or text, and users will find it very hard to understand what's going on (the navigation buttons in Acrobat or Reader will not work, text is not searchable or accessible, multiple pages cannot be printed, etc.).
It's not entirely trivial to do this 'correctly', as at the moment we don't have full support in the PDF standard for all the interactive features that InDesign can apply to page objects - that's why they are grouped into PDF and non-PDF in the various selection menus in InDesign. Rather than saving as a SWF you should be using Export to Interactive PDF, and ensuring that the various interactive items and media are all selected on the export dialog.
Basic stuff such as links and video will export just fine that way, and the PDF will preserve everything else in the Layout as native text or graphics so it'll look fine, navigate properly and be searchable. Animations and buttons will not work as expected, so you may have to revise their behavior if PDF is your intended output destination.

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!

ProRes to ProRes Proxy White Border?

Hello,
Just wondering why compressor adds a white border to the right side of the image after conversion from ProRes to ProRes Proxy? I'm sure this is 'User Error', but was hoping someone could help me out here- is this unavoidable, or possibly a settings mistake? Thanks for any advice you can give.

I see the border after the conversion in Compressor, on the output file (the ProRes Proxy). I should also state that the original file was PAL, then converted in a Terenex to NTSC. Maybe that has something to do with it? Although I don't see how since the Compressor conversion is NTSC to NTSC.
There is no crop applied- I did fool around with it a bit and discovered that a 640 x 480 crop gets rid of the border, although the aspect changes.
I may just wait to see what the editor says about it before I worry about it. Thanks for responding.

White Border and Website shift on iPhone?

Hi, I've finished making a site in Muse and it only needs to be a desktop site. However when viewed on an iPhone or an iPad there is an ugly white border to the right side of the site. The whole site appears to have shifted? This isn't the case on my mac.
Anyone have any ideas?

There can be few reasons or this , including any content outside page area , or any content placed stretching outside page area or if any html content being added on page includes size parameter in conflict.
You can try the suggestions mentioned in these similar discussions :
Help with Mobile Site -- Extra White Space Below Footer
https://forums.adobe.com/thread/1400434
https://forums.adobe.com/thread/1056388
After following the suggestions , if still the issue exists , then send your file at [email protected] with this forum link.
Thanks,
Sanjit

IOS 7 photos iPhone 5s white border on landscape?

When I rotate to landscape a picture taken in landscape doesn't fill screen . White border shows?

When I tap the white at the top goes away and the picture expains top and bottom but the white at the sides go to balck but the picture is not as wide. Changed to 5s and ios 7 so not sure what makes things different before with my 5 and ios 6 I'd get full landscape.

It shows white border on all sides of document after publishing

I am facing some problems with publishing of flash file. After publishing at HTMl; it shows white border at all sides of document.
My document size is Width :- 1280 Height : 650. It is adding border on all sides border at top and bottom are greater than that of Left and Right.
I have tried it many ways, altered my flash setting as well but no use. I am really stumped due to this.
To my surprise at SWF file it showing perfect match and fit exactly into window (not showing any borders like HTML)
I dont know exactly from where it is getting white borders.
My Publish Setting Are as follows
Flash :-
Version : Flash Player 9
Load Order : Bottom Up
ActionScript Version : ActionScript 2.0
HTML :-
Template : Flash Only
Dimenssion: Match Movie
Quality :- High
Window Mode : Window
HTML Alignment : Default
Scale : Exact Fit
Alignment : horizontal :- Left, Vertical : Top
Any help would be greatly appreciated

There is no margin or not any CSS code at my HTML file.
Here is code
<code>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>preloader2</title>
<script language="javascript">AC_FL_RunContent = 0;</script>
<script src="AC_RunActiveContent.js" language="javascript"></script>
</head>
<body bgcolor="#ffffff">



<script language="javascript">
    if (AC_FL_RunContent == 0) {
        alert("This page requires AC_RunActiveContent.js.");
    } else {
        AC_FL_RunContent(
            'codebase', 'http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0',
            'width', '1280',
            'height', '650',
            'src', 'preloader2',
            'quality', 'high',
            'pluginspage', 'http://www.macromedia.com/go/getflashplayer',
            'align', 'middle',
            'play', 'true',
            'loop', 'true',
            'scale', 'showall',
            'wmode', 'window',
            'devicefont', 'false',
            'id', 'preloader2',
            'bgcolor', '#ffffff',
            'name', 'preloader2',
            'menu', 'true',
            'allowFullScreen', 'false',
            'allowScriptAccess','sameDomain',
            'movie', 'preloader2',
            'salign', ''
            ); //end AC code
</script>
<noscript>
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1280" height="650" id="preloader2" align="middle">
    <param name="allowScriptAccess" value="sameDomain" />
    <param name="allowFullScreen" value="false" />
    <param name="movie" value="preloader2.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#ffffff" />    <embed src="preloader2.swf" quality="high" bgcolor="#ffffff" width="1280" height="650" name="preloader2" align="middle" allowScriptAccess="sameDomain" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
    </object>
</noscript>
</body>
</html>
</code>

Printing a .pdf with "boxed" sections appearing as "white" and showing a "white" border to the "box"

Dear Community,
I have created a .pdf file from an email and then "boxed" sections of the document with a white border and a white fill, intending the recipient to be unable to see the text within the "box". However, when I print the document it appears as if the "boxed" sections did not exist. In other words, all the text in the email is printed. Can anyone help with a solution, please.

You cannot create pdf files or forms in Adobe Reader. If you used Acrobat, please repost in that forum.

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.

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.

Masked videos=white border in fullscreen?

if i capture some tv for example with an analog converter, it doens't fill the 640x480 window fully, so i make a mask to get rid of the black border. looks fine in it's window, but when i go to full screen, the entire movie has a fine (1 pixel) white border around it. (fine when full frame of lit stuff, but awful for dark scenes) if it was in the video it would be scaled along with the video to more than one pixel. if i use vlc or another player it ignores my mask. if i export to h.264 while masked it makes permanent grey or green 1 pixel wide bars on the side that get scaled along with the video (top and bottom fine) when i go fullscreen.
/just want a tv show with edges that disappear into the darkness
//if only h.264 exported masks right OR fullscreen played them right i'd be happy
any tricks out there?

i tried apple 1, 2, and 3 for actual, double, and full size, always a white border in full screen. at actual size the side borders are bigger than the top and bottom, double and full it's a crisp 1 pixel grey line all the way around. i made the mask file 481x641 and 482x642 with no changes at all, all of them cut way inside the edges of the picture to avoid that border.
strange part is at full size (more than double size for sure with these files) the border is exactly 1 pixel, not scaled up to 2.x pixels like you would expect if it was in the movie, not just the player sucking with masks. guess i'll hope someone notices and fixes in a future release. just like with the h.264 encoding border with masks. i guess the white border all the way around is better than a neon green one on the right side which i get with h.264
/someone not testing QT with simple rectangular masks it seems
here's a screenshot of my movie in fullscreen at double size so you can see the whole border:
http://www.farkimages.com/view.php?img=4c9f24b0f5.jpg

Create a responsive white border

Hello everyone,
I would like to create a responsive white border (frame?) around my website, just like this example : http://www.dennisadelmann.de/#. I want it to be regular, 20px no matter the browsers dimensions.
After a lot of unsuccessful attempts, i decided to create 4 rectangles with the rectangle tool, place them on the four sides of my page and pin them so they stay in place. It works perfectly, exept for the right border rectangle, wich doesn't want to stay in place.
So, is there any way to make it right? Or any way to deal with that right rebel rectangle?
Thanks a lot for your answers!

The Edge Commons library will get you headed down the right path, in terms of different layouts for different devices.
http://tv.adobe.com/watch/learn-edge-animate/flexible-layouts-using-adobe-edge-animate-and -the-edge-commons-library/
https://github.com/simonwidjaja/EdgeCommons
You could also build a menu for desktop/mobile. Then check browser size with this:
$(window).width();
or use a library like modernizr to check capabilitie (touch for example): http://www.modernizr.com/
You could then use jQuery show/hide to display the appropriate menu.

White space on the right of a swf

Hello,
I would like to ask you for help. I googled around for the last 2 hours, tried several things but cannot solve my problem.
Please have a look at http://stupavanew.beus.sk. The problem is with the flash banner at the top. It was created with a utility for creating banners and displays in firefox without any problems. In IE 8 there is white space to the right and I cannot get rid of it anyhow :-( Could you please help me?

I am viewing it with IE8 and cannot see any white space to ther right. There is a thin white border around the entire banner, so if you can show a screenshot of that section of the page it will be easier to confirm if what is seen is intended.

Cannot edit keywords - white border on box

I have an issue which emerges intermittently & I do not know what causes it or how to escape it once it has occurred....
The keyword box for an image suddenly shows a white border and its contents cannot be edited. Keywords can only be added through the input box below the main box, keywords cannot be removed once input and cannot be edited.
If anyone can explain what brings this on and how to escape it then I would be very grateful.
Thanks
Scott

I just created the white border. Quitting and coming back into Lightroom cleared the issue.
Prior to me noticing the border I did a lot of events that may or may not be associated.
I searched for "Christopher", added photos to a quick collection, selected all of them and exported photos from Lightroom as email size and full resolution. Used Photoshop to convert some Microsoft Paint images to PDF then used Lightroom to Synch the folder and import 2 Photoshop documents which I keyworded. Of course, the customer wanted more screen shots captured and converted so I did the convert to Photoshop and synch/import to Lightroom. I pulled the MS .BMP files directly into Photoshop from Explorer without going through Lightroom. The Photoshop documents were discovered and imported.
The immediate actions just prior to the problem.
Photoshop was open with no open documents. I started key wording raw files that had minimal previews. I completed a series of about 10 photos with the keywording menu (right side menus) open. The photos were in loupe view. Just prior to noticing the white box I had zoomed into a photo to identify a person. I started typed his name "parker" which contains a lot of Lightroom hot keys. I noticed the white box after the computer returned to normal and I was back to the keywording screen.
My crappy computer may be to blame
It is fairly slow (looking to replace it). Sony Vaio VGN-CR410E, Intel Core2 Duo T5550 @ 1.83Ghz (2 core processor), 3GB RAM, Windows Vista 64. Photos on an external HDD (USB 2.0), previews and catalog on local drive.
Lightroom
Lightroom version 3.4.1 [729592] Built-in memory and Real Memory available to Lightroom 3061.6MB. Real memory used by Lightroom 464.5 (variable). Application, Library Path, and Settings folder are all on C: drive in default locations.
Hopefully that helps someone figure out the cause. I don't do a lot of software testing but it is in my past.

White border showing on right

Similar Messages

Maybe you are looking for