Div box shifted position when previewed on browsers??

Hi,
Can anyone please advise why one of my div boxes (the third one) in Dreamweaver shifted position when previewed on Firefox and IE? My other two div boxes have no problem when previewed on browsers.
#textBoxForDesignTitle {
    height: 40px;
    width: 372px;
    font-size: 15px;
    color: #C9B042;
    background-color: #0E103E;
    text-align: center;
    margin-left: 414px;
    border-collapse: collapse;
    border-spacing: 20px 0px;
    font-style: normal;
    font-weight: lighter;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 9px 1px #000000;
    box-shadow: 2px 2px 9px 1px #000000;
    border: medium ridge #C9B042;
    padding-top: 1px;
    margin-top: -4px;
#textBoxTwoForDesignTitle {
    height: 40px;
    width: 372px;
    font-size: 15px;
    color: #C9B042;
    background-color: #0E103E;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 20px 0px;
    font-style: normal;
    font-weight: lighter;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 9px 1px #000000;
    box-shadow: 2px 2px 9px 1px #000000;
    border: medium ridge #C9B042;
    padding-top: 1px;
    float: left;
    position: relative;
    left: 35px;
#textBoxThreeForDesignTitle {
    height: 40px;
    width: 372px;
    font-size: 15px;
    color: #C9B042;
    background-color: #0E103E;
    text-align: center;
    border-collapse: collapse;
    border-spacing: 20px 0px;
    font-style: normal;
    font-weight: lighter;
    border-radius: 20px;
    -webkit-box-shadow: 2px 2px 9px 1px #000000;
    box-shadow: 2px 2px 9px 1px #000000;
    border: medium ridge #C9B042;
    padding-top: 1px;
    position: relative;
    left: 166px;
    float: left;
Thanks very much!!
mykw123

Hi Preran,
Sure, I can share with other users but I am not sure this solution was the best, but it works for me. Somehow something about Dreamweaver is very complicated to use and understand- just in my opinion. All I did was to add another div box outside of the 3rd text box which I created as div box (also did it for the 2nd text box since they aligned close to each other). I know it shouldn't be needed since the text box is already a div box itself and my 1st and 2nd text boxes were okay.
Preran- please see my other question posted and maybe you can help? Thank you.
http://forums.adobe.com/message/6172302#6172302
Thanks,
mykw123

Similar Messages

How do I keep my clipping path from shifting positions when I crop an image? [was: Question]

How do I keep my clipping path from shifting postitions when I crop an image?

The work path will remain positioned relative to the same underlying pixels after a crop. Are you trying to position it relative to one or more image edges after cropping? I don't think you can do that without moving the workpath after the crop.

Text box moves position when viewing

When doing some testing on a new home page I'm developing, one of the text boxes adjusts its position depending upon which browser I'm using. It's driving me nuts! When viewing it through Internet Explorer, the gray text box in the middle column (for now says advertise here) shifts up. I'm unsure why this is only happening to this one particular text box or what I can do to resolve the issue. I attempted to move the box down a little ways, but then when I viewed it through Firefox it looked odd being pretty far down.
Normally I'd say it's because of IE, but it's odd this is only happening to this one text box. Any thoughts?
(Yes, I realize there are other itemes that need to be cleaned up on the page.)
http://www.goaheadtakethewheel.com/Test.html

Assuming that you have used web-safe fonts and have done a Command A in iWeb to make sure there are no box overlaps, you could try deleting the box, save, quit, reboot your Mac and then relaunch iWeb, add the box back, save and republish.
The restart will dump the redundant files out into the trash and hopefully eliminate any chance that the box is corrupted in iWeb.

ToolTip triggers are shifting down when previewing or exporting

I have a page with two columns of text (lists of names). In "design" I set up triggers over each name corresponding to a pop-up tooltip with a picture and bio. Everything looks great in "design." When I preview the page within Muse or export HTML to test outside of Muse, the triggers are all shifted down below the text columns.
I have tried changing the widget from ToolTip to Lightbox, changing the position and clicked and unclicked every option within the composition settings pop-up.
What am I missing?!?

I figured it out. I had "footer item" checked.

Is it possible to fix text boxes in position when making a masterslide?

Hi, I'm trying to make a set of Keynote templates for a small organisation - we need consistency, therefore I don't want any of the styles to be overwritten. As an example, I have a title page and subtitle page with two text boxes, one bold and one light for title and intro text. These are locked in position on the masterslide, but when it comes to editing (i.e. Add slide) the text boxes are moveable.
It's driving me potty, I'm sure there's a simple thing to stop this. Any help would be great.
thanks

Afraid it doesn't work. I've read the manual back to front to try something myself. Having transferred it to my mac and edited it there, the text boxes don't have the blue link boxes to link text.
Also, when transferring it back to the iPhone, when I open my document it gives a warning saying that linked text boxes aren't supported and it has separated them into two different text boxes again.
I'd suggest you give feedback to Apple about this as a feature enhancement request.

Error when Previewing in Browsers

I am creating a site, when I preview it in Firefox it works
fine but when I try to preview it in Internet Explorer I get this
error: " The directory name is invalid". I have uploaded the files,
it works fine with Firefox but only shows the gray background with
Internet Explorer. The url is
http://www.wku.edu/~fred.gibson
. Someone please help me. I attached the code.

Ahh, thanks Nadia - I shouldn't have assumed should I!
Jo
": Nadia : ** Adobe Community Expert **"
<[email protected]> wrote in message
news:f3gcs9$h9h$[email protected]..
> "josie1one" <joleros[nospam]@yahoo.com> wrote in
message
> news:f3gb2c$fev$[email protected]..
>> >I get this error: " The directory name is
invalid"
>>>
http://www.wku.edu/~fred.gibson
>>
>> It doesn't like your directory name with the "~" I
suspect Firefox is
>> more forgiving (o:
>
> That's how some servers work Jo - when I used a free
account on my host
> (yonks ago :) that's the type of url I had to use .
>
> As for the page not showing up it's because the closing
of the styles in
> the head of the document is not correct.
>
>
> <style type="text/css">
>  <<<< that line is
> missing
> </style>
>
>
> once that's put in, the page shows in IE6.
>
>
> PS: You are right of course about the doctype - a
correct and valid
> doctype would most certainly help also :-)
>
>
> --
> Nadia
> Adobe® Community Expert : Dreamweaver
> ----------------------------------------
> CSS Templates |Tutorials |SEO Articles
>
http://www.DreamweaverResources.com
> ~ Customisation Service Available ~
>
http://www.csstemplates.com.au
> ----------------------------------------------------
> Spry Widget Examples
>
http://www.dreamweaverresources.com/spry-widgets/
> ----------------------------------------------------
>
>

Preview: PDF Form Text Boxes Shift

I am putting together a PDF form using Adobe Acrobat Pro and testing it in Preview.
In Preview, the check boxes and radio buttons work fine, but when I click on or tab to a text box, the text box shifts downward and becomes somewhat wider than the box I drew. Multi-line text boxes become wider and shift upward.
Why does this happen? Is there a way to keep the text boxes in place?

Same here. The boxes are shifted, to varying degrees, further down than in Acrobat Reader. This is a shame because I love Preview.
Anyone?

Check box showing double when PDF opened in Preview

I'm setting up a simple check box functionality on a PDF my company sends out. I noticed the check boxes look strange when the PDF is opened up in Preview on Mac. Not sure about PC as we don't have one here. It appears to look fine in Acrobat but I believe a good portion of our clients will use Preview. What you see in the image below is the result when I make a check box and change the color to blue green. The black check mark over it comes out of nowhere. My temporary work-around is to make the check mark art invisible so just that crappy black line shows up instead, although I hate the way it looks.
Any help is much appreciated, thanks!

You should always include a link to the FREE Adobe Reader with advice that best results will be seen using it when you distribute a PDF.
Of course you cannot control what others will use, but if you expect them to use Preview you need to dumb down the design accordingly.

Subpicture Highlight shifts position on button when a shadow is applied in PS.

Hi all,
I created a menu in PS CS4 with text (some with drop shadows) that i assigned as buttons in Encore CS4. When i converted the text into buttons, I discovered that the ones with drop shadows caused the subpicture highlight to shift position up and to the right of the button.
Can someone verify this?

Jim,
I'm not sure why you are having troubles with your converted to DV-AVI files. I get handed MPEG-2 material in several delivery schemes, and just do the conversion with DigitalMedia Converter, before I Import into PrPro. I seldom have any issues with these. The only issue is that with a very few, PrPro does not see the proper Duration. I have found that with these, I just open them in PrElements (they always show correct Duration), and then just do an Export as DV-AVI Type II (same exact format/CODEC and settings as what I Imported), and these "processed" files work 100% in PrPro. I've never been able to find any difference between the DMC converted DV-AVI's, and those run through PrE, but there has to be something different.
As for the quality, you have to remember that the source footage was first compressed to MPEG-2, and to get it onto DVD, you'll be recompressing it again. Now, for light editing, there are NLE programs that do "smart rendering," where the Exported MPEG-2 will NOT be re-compressed, except for the exact areas that were changed. PrPro does not have smart rendering.
Exporting to DV-AVI Type II, and Importing those into Encore, will give you quality as good as it will get. You CAN Export as MPEG-2 (DVD-compliant) from PrPro and can adjust your bit-rate (controls quality), but you are likely to not do better than Encore will on Automatic.
Working from perviously compressed material will never yield results as good as going back to the original camera footage. Those compressions/re-compressions destroy quality.
Good luck,
Hunt
PS - globally replacing Assets in PrPro is not really possible. Unless CS4.2 (coming soon) has a new feature in the Project Panel, I only know of one way - Offline Media, the Link Media. As there are no Actions, or Scripting in PrPro, like in Photoshop, it's a manual, and often tedious process.

My text boxes shift when exporting to PDF

I'm having an odd problem. I'm using a file that I've created and whenever I export my INDD file to PDF, some of my text boxes shift and rotate.
As you can see in the example below, my "language" box gets rotated 90º and pushed slightly left and off the page.
I've never encountered this problem before. Also, if I reorder the layers, other text boxes will end up moving. I've even tried inserting blank frames into the document with no success.
I'm not getting any errors from the program either.
Please advise!

OK, overridding would have been the first suggestion, so we'll move on. Are you patched to 7.0.4? If not, try that first, and if there's still a problem, try exporting to .idml. See Remove minor corruption by exporting

Why can't I resize a text box in the new Preview in Yosemite?

I just upgraded to Yosemite, and I am having trouble with the new Preview. I am a student and my notes are pdfs. I have been using Preview to take notes on the pdfs for the past two years. I have always been able to insert a text box, make it a certain size (resizing it using the text box function and dragging the corners/sides to fit the space in which I want to type), and type easily. In the new Yosemite Preview, I can insert a text box, but I can only resize it horizontally (not diagonally or vertically), and when the text reaches the right edge of my box, it moves upwards instead of continuing the text downwards (the entire box shifts up so that my typing line is in the same position as where I started and the previous text is now above). Is there any way to get around this? I really don't want to purchase software just to be able to easily add text to a pdf.

I find it annoying too. Also, when you want to add text, you always need to open the title bar and then to text box always goes in the middle of the document. The only way I found to get over that issue was to ask my friend to put Preview 7.0 on a USB key (he is still on Mavericks) and then I dragged it in my application folder. It works for some PDFs but not for all of them unfortunatelly...

I need help Centering a div box to a background image using dreamweaver cs5.5.

I need help Centering a div box to a background image using dreamweaver cs5.5. Everything shift left when viewing on different size monitors? See what I mean at
www.woodlandhospice.com

Have you looked at your page with images disabled?
I urge you to re-think this approach to web design because images of text are not indexed by search engines, screen readers or translators. Given the demographic group your site is targeting, you really need to ensure maximum web accessibility for all users.
Navigation, headings and descriptions all need to be in real text -- not images of text.
Ken is right. Absolute positioning is pure poison for such a simple layout. My advice is to start over with one of the pre-built Starter Pages in DW. Go to File > New > Blank page > HTML. Select a layout from the 3rd column and hit CREATE button.
Nancy O.

Stage moves when previewing my site?

Hey - Im a print designer and trying to teach myself some Dreamweaver. So i apologise if my terminology is incorrect.
I have created two pages for my site so far and have imported them into Dreamweaver from Photoshop as slices - then made the table into a div, they look great when viewing them in Dreamweaver but when i come to preview them in Safari and click the link between the two pages one of the pages shifts to the right. The homepage sits correctly, centre aligned. But when I click to the second page its as if the browsers space that the stage sits in has got bigger, thus meaning the page looks like it has shifted right.
Im sure its a simple thing to fix - just wondering if anyone could help?
Im using CS4 on a mac.

Try adding this to your CSS -
html { overflow-y:scroll; }
It doesn't matter where you put it in the CSS, as long as it's in a legal place.

Text Problems, When Previewed It Has Moved And Changed Font

Hi, i have written boxes of text using layers, and on all of
my pages, the font (apple chancery) and font size are changed when
previewed in Safari. Im new to dreamweaver so havent got a clue of
the problem, but illl prosume its basic. Can anyone help?!
Ill give you the code if that makes things easier to
understand, please help!
Thanks very much, Ashley

> Hi, i have written boxes of text using layers
This is trouble right from the start. See
http://www.great-web-sights.com/g_layer-overlap.asp
to see why I say that.
While you are learning, your best bet would be to avoid
layers altogether
and concentrate on using tables (not layout mode!) for
placement on the
page.
Also, you need to use only fonts/font families that are 'web
safe', i.e.,
those that you can be certain everyone has installed on their
system. Apple
Chancery is not on the list -
http://www.ampsoft.net/webdesign-l/WindowsMacFonts.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"Ashley272" <[email protected]> wrote in
message
news:[email protected]...
> Hi, i have written boxes of text using layers, and on
all of my pages, the
> font
> (apple chancery) and font size are changed when
previewed in Safari. Im
> new to
> dreamweaver so havent got a clue of the problem, but
illl prosume its
> basic.
> Can anyone help?!
>
> Ill give you the code if that makes things easier to
understand, please
> help!
>
> Thanks very much, Ashley
>
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN"
> "
http://www.w3.org/TR/html4/loose.dtd">
> <html>
> <head>
> <title></title>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
> <script language="JavaScript"
type="text/JavaScript">
> 
> </script>
> <style type="text/css">
> 
> </style>
> </head>
> <body>
> <div id="Layer1" style="position:absolute;
width:200px; height:115px;
> z-index:3; visibility: visible;">
> <div align="center"><img src="2,-News.gif"
width="800" height="600"
> border="0" usemap="#Map">
> <map name="Map">
> <area shape="poly"
>
coords="30,223,19,233,25,243,26,258,22,271,23,291,26,311,41,307,67,309,94,309,12
>
9,309,153,306,170,310,192,305,205,311,228,306,259,299,293,297,301,295,302,277,30
> 2,258,303,241,309,233,306,224,306,214"
href="index.html">
> </map>
> </div>
> </div>
> <div id="Layer2" style="position:absolute;
left:149px; top:357px;
> width:95px;
> height:58px; z-index:4; font-size: 36px; font-style:
italic; visibility:
> visible; font-family: "Apple Chancery";"
class="style4"> News</div>
> <div id="Layer3" style="position:absolute;
left:145px; top:426px;
> width:111px;
> height:58px; z-index:5; visibility: visible;
font-family: "Apple
> Chancery";"
> class="style4"><a
href="media.html">Media</a></div>
> <div id="Layer4" style="position:absolute;
left:119px; top:495px;
> width:170px;
> height:60px; z-index:6; visibility: visible;
font-family: "Apple
> Chancery";"
> class="style4"><a
href="biography.html">Biography</a></div>
> <div id="Layer5" style="position:absolute;
left:148px; top:566px;
> width:77px;
> height:48px; z-index:7; font-family: ; visibility:
visible;"Apple
> Chancery";
> visibility: visible;" class="style4"><a
href="live.html">Live</a></div>
> <div id="Layer6" style="position:absolute;
left:407px; top:74px;
> width:49px;
> height:26px; z-index:8; visibility: visible;">
> <p><strong><span
class="style8">News</span></strong></p>
> <p> </p>
> </div>
> <div id="Layer7" style="position:absolute;
left:404px; top:253px;
> width:327px;
> height:91px; z-index:9; visibility:
visible;"><span
> class="style8">14/05/06 -
> National Club are currently working on new material,
ready for gigging and
> recording come summer! </span></div>
> <div id="Layer8" style="position:absolute;
left:405px; top:119px;
> width:325px;
> height:156px; z-index:10; visibility:
visible;"><span
> class="style8">26/05/06 -
> Most of the new material is ready, with demos already
being made. More
> songs
> will be available in the Media section a.s.a.p!
</span></div>
> </body>
> </html>
>

Divs are shifting after inserting spry menu bar

I have tried so much that it has driven me crazy. Initailly I created this site by APdivs and it came out perfect and worked great, except it was not fluid and looked bad on bigger browser and screen size. I decided to change it to fluid way. Now I am in bad shape as soon as I put a horizontal spry menu bar. it shifts the columns to the left and leaves a blank space next to the column 3. I am out of idea, how to fix it. As soon as I take the menu bar out, it works perfect. and columns are stretched to the end on both sides.
Here is the link of test page
www.hpbsurgery.net
This is what I have tried-nothing worked
put menu bar in container
put menu bar in header div
Put mebu bar in a horizontal div inside header div.
changed the size and dimension of menu bar
Any help would be greatly appreciated as I am running out of time.
Thanks much all....

Thanks very much for your help. I just wanted to mention one thing which I discovered this am by accident out of frustration. Originally, I was trying to control the size of the 3 columns with external CSS and it was messing up after inserting menu bar. I wrote directly in the code this am to exactly define the size besides in my CSS. AND............it fixed the problem and stretched the columns to the end on both side and sizes were appropriate, I am still not sure why did it happen.
I am not a professional and trying to build my own site as I have interest in web design, but this is first time with DW.
I really appreciate your help and suggestion about the code.
Thanks a lot,
Date: Wed, 26 Sep 2012 12:46:19 -0600
From: [email protected]
To: [email protected]
Subject: Divs are shifting after inserting spry menu bar
    Re: Divs are shifting after inserting spry menu bar
    created by Nancy O. in Dreamweaver General - View the full discussion
You appear confused about how to use CSS classes and IDs. Classes (.className) can be used multiple times in layouts as for re-usable styles. IDs (#IDName) can be used only one time per page -- as for layout regions or when JavaScript is needed to act upon it. Try copying and pasting this code into a new blank page. Hopefully it will make more sense than what you have now.
<!NEW LAYOUT>
body
#header
#horizontalmenu {
min-height: 43px;
width: 100%;
overflow: hidden;
margin: 0px;
#leftbar {
background-color: aqua;
float:left;
width: 18%; /*combined width and padding = 22%*/
padding:2%;
#middlebar {
background-color: white;
float:left;
width: 52%; /*combined width and padding = 56%*/
padding:2%;
#rightbar    {
background-color: green;
color:white;
float:right;
width: 18%; /*combined width and padding = 22%*/
padding:2%;
#credential
#footer {
background-color: maroon;
width: 100%;
color:white;
padding:2%;
#header
[Item 2 | #]
[Item 3 | #]
[Item 3.1 | #]
[Item 3.1.1 | #]
[Item 3.1.2 | #]
[Item 3.2 | #]
[Item 3.3 | #]
[Item 4 | #]
<!END #HEADER>
#leftbar
#middlebar
#rightbar
#credential
#footer
Nancy O.
     Please note that the Adobe Forums do not accept email attachments. If you want to embed a screen image in your message please visit the thread in the forum to embed the image at http://forums.adobe.com/message/4729585#4729585
     Replies to this message go to everyone subscribed to this thread, not directly to the person who posted the message. To post a reply, either reply to this email or visit the message page: http://forums.adobe.com/message/4729585#4729585
     To unsubscribe from this thread, please visit the message page at http://forums.adobe.com/message/4729585#4729585. In the Actions box on the right, click the Stop Email Notifications link.
     Start a new discussion in Dreamweaver General by email or at Adobe Community
For more information about maintaining your forum email notifications please go to http://forums.adobe.com/message/2936746#2936746.

Div box shifted position when previewed on browsers??

Similar Messages

Maybe you are looking for