text and tables move when the browser is resized

Hello

IM fairly new to using dreamweaver, but im having this problem because I use photoshop as sort of my background (before saving for the web - where it converts to HTML) before you create layers on dreamweaver to enter text.

Here is the problem im seen, when I resize the browser (firefox or IE), the text is moved along horizontally instead of being "fixed" in the background.

Ive attached some screenshots for you guys to understand what im say better.

(1) the gif file called "enlarged browser" shows how the site looks like when brower is enlarged,

(2) gif file titled "resized browser" shows how the site looks like after that I have resize the browser. (same thing for IE and Firefox).

Please let me know what im doing wrong. Greatly appreciated, thanks in advance!

-Andrew

What you're doing wrong is unable to understand how to work the "layers". Older versions of Dreamweaver call a layer is a div absolute positioning of elements that are positioned in absolute terms are removed from the normal flow of the web page and placed in the window of the browser in determined points. Everything that is not in a 'sex' is still fluid. So what you see is your resizing tables being reorganized as the size of the browser window is changed, the "layers" are still at their fixed location. Although it seems that the 'layer' is moving, it's the other way around. Everything else is moving, but the layer remains in place.

Read about the issues of working with absolute positioning here: http://apptools.com/examples/pagelayout101.php.

Tags: Dreamweaver

Similar Questions

  • PDF forms have problems displaying text and only appears when the field is selected

    Hello

    I created pdf forms to be distributed to the clients of the company. But we have some people complain about the visibility of the text. When they work as a team, the pdf they receive from a third party often appears limes or no text, the text is only visible when the field is selected. I need to find a solution for this, because our company's products are based on this form.

    If there is any information addition that I must add to understand what is happening and how to fix it, I'll be happy to write it.

    In society, we all have mac and forms where innitially created in Adobe acrobat 9 pro, but we now have Adobe acropabt pro XI.

    Users of Mac and Windows systems.

    Thank you

    This is usually caused by the form is filled out and saved by a Mac user who uses the preview application to view the PDF file. More information is here: http://kb2.adobe.com/community/publishing/885/cpsid_88564.html

    It's a good idea to inform your users that Adobe Reader (or Acrobat) should be used to work with Forms.

  • Resolution Poblems - small texts and icons display when the selected maximum resolution.

    Trying to solve another problem ("when starting Windows Vista screen colors and a resolution do not display correctly'), I discovered that my monitor has been set at a much lower resolution that he is capable of. It's a (Digital) 2408WFP Dell I bought specially for editing photographs. I turned to the top of the resolution, that the monitor is capable of displaying, and everything makes immediately smaller - all icons on the desktop, all of my Web pages and the print size and icons on Picasa and my Photoshop software!

    I returned the resolution to its original value and the icons on the desktop are back to more or less normal size, but other items - of pages web, Picasa and Photoshop have remained the same.

    I have been in accessibility in Windows and increased the font size of 144dpi (larger than the largest suggested) and now I can at least read the drop-down menus in my software and headings on Web pages.

    I have two questions really.

    1. How can I restore everything to its right size?

    2. How can I make use of the full resolution of my screen without it again?

    Any help would be welcome.

    Hello

    You can try to change the change DPI settings as you wish and check.

    For more information, see the link:

    Make the text on the screen larger or smaller

    http://Windows.Microsoft.com/en-us/Windows-Vista/make-the-text-on-your-screen-larger-or-smaller

    Hope this information is useful.

  • justify the web site of the center of the page and to stay centered when the browser is resized

    How can I do this? anyone?

    Thank you so much for responing, it worked and it looks so much better. I guess I have to do this on all pages. Thanks again for you help.
    Jeremy

  • A pointer that moves when the user navigates screen

    I have a screen that contains different fields/images. Some of them are focusable and others are not. Is it possible to print/display an arrow pointer that moves as the user moves the wheel?  And the arrow pointer can be on the oilfields focusable and non-focus when the user stops and wheel.  It's like the pointer inside of a browser (office or by phone).

    Is there a simple way to do this, or it will be complicated in a way...

    Thank you

    Man

    Complicated enough without doubt.

    You can override moveFocus() to set the position of the cursor. You need to avoid moving focusable developed by calling fields do not super.moveFocus (). If you want to set focus when you click, you could get the cursor position and then go the extra fields and call XYRect.contains(x,y) with their Field.getExtent ().

    When scrolling you have to make sure the cusror is visible by calling setVerticalScroll(), setHorizontalScroll(), or maybe just Screen.scroll ().

  • Reagent: text and image move together

    Hello

    So, I hope that it is very simple, something simple I'm missing.

    I want that my text and images remain "attached" to another, rather than dragging on the other I'm resizing the Muse (and preview when I look at a preview in Chrome). As you can see in my screenshot, at some point, this happens, and at some point it does not work: title text block 'IJsbreker' remains perfectly in place under the image, but the foregoing is waaayyy down and slides on my image. I have no idea why this is happening: all the text boxes and picture are pinned the same, I have the same resize 'features' (the text boxes are all width and the images are all of width/height). I have no idea what I'm doing wrong with the boxes of slide on each other, or what I do with the boxes that do not stay in the right place.

    responsive image and text.jpg

    Any idea?

    Thanks in advance!

    Hi Anoek,

    I took a glance to your file and was able to discover the problem. What you see should not happen with the simple layout of image/text/image/text/etc. However, it seems that there is a bug caused by the many items hidden on the page (take a look in the layers panel). Hidden items were prejudicial to the page layout that you rub the smaller browser width, which they should not do, because they are hidden! The good news is that you should not copies of the any of these elements. Instead, simply change the text attributes, position and size accordingly in each breakpoint.

    I edited your file to use only one copy of each block of text and image, which fixed the problem. You can download the modified version of your file here. Let me know if you have any questions.

    Best,

    Anna

  • How to Center a flash movie in the browser window

    Can someone explain how to Center horizontally my Flash movie in the browser window after publication?

    A little history:

    I was able to do this by using < Center > < / center > tags a few years ago. But I've updated for CS5 and I understand that this old method is now obsolete.

    I found a few threads and forums dealing with this, but I don't know anything about HTML, these discussions don't me because they assume you have more knowledge than I have. When you open the index.html file in Dreamweaver I can't find something that looks vaguely familiar to what is discussed. I found some code examples using < div > < / div > tags but have no idea where to place them.

    So I need it explained to me in a way step by step, including the what file I have difficulty and what program I need to use. Code samples will be very welcome if you can tell me exactly where he's going.

    Thanks in advance...

    Add this between the head of your html page:

  • Adding to my last question... To keep a background image in the center of the Web page when the browser is shrun

    How do do that?  What is the CSS that makes this work?

    Centers of the background, even when the browser window is smaller or the screen resolution is less, but the content remains stationary in the center of the page: www.signatureweddingsbyjenna.ca

    Hello Jules

    I think that Nancy replied to your question in the other thread.

    I have the site you give as an example, this is the CSS that applies to this image:

    {body
    background - image: URL("page_images/background.jpg");
    bottom-top position: center;
    background-repeat: repeat no.;

    }
    Then of course, it is applied as the context in which theelement, it is placed in the Center and on it and it does not repeat itself.  It is what keeps the central image on the page.  Also helps is that the page is a centered layout.  In the example page that you gave, they have this:
    #page, closure-blocks # {}
    margin-left: auto;
    margin-right: auto;
    Width: 1000px;

    }

    Set the width is important and defining the left/right margin as it means that the browser will allocate the rest of the available space at each margin evently between the two, or put content in the middle.  The only other thing you do is to set the content of the site to the center using
    text-align: center
    It is exlpained herefully.  The only other thing the site has done is put a bit of image information in another element to make it appear that the background image loops in the content.
    Martin
  • The text element values value when the user clicks a report line.

    The text element values value when the user clicks a report line.

    I have a report based on the EMP table and two elements P911_EMPNO, P911_DEPTNO. When I click on one of the lines the EMPNO and DEPTNO is copied to the text elements.
    It works fine if I leave the EMPNO and DEPTNO as SHOW report, but if I then these clear values are not retrieved the report form (my javascript is very limited).

    I need a method to retrieve the data hidden in the report and display in the text without the reposting of the page elements.

    Also, would be nice if the line was highlighted until another line is clicked but especially is my priority.

    Elements
    P911_EMPNO, P911_DEPTNO (field of disabled text, saves the State)

    Report
    Select * from emp using the model of report below.

    Custom model.
    standard_report_cust_P330-a copy of the standard report with a change model.
    BEFORE EACH LINE
    < tr onclick = "selectRow (this);" #HIGHLIGHT_ROW # >


    * Javascript in the Page Header.*
    < script language = "JavaScript1.1" type = "text/javascript" >
    function selectRow (p_tr)
    {
    var l_deptno = p_tr.childNodes [8] .innerHTML;
    var l_empno = p_tr.childNodes [1] .innerHTML;
    html_GetElement ('P911_DEPTNO'). Value = l_deptno;
    html_GetElement ('P911_EMPNO'). Value = l_empno;
    }
    < /script >

    If anyone has any ideas. Thanks, Pete

    Hello

    When you use this type of report model, you actually control on where the column values are used - and they can be used several times.

    For example, a setting of 'Model line 1' for one such model could be:

    <tr>
    <td class="c1">#1#</td>
    <td class="c2">#2#</td>
    <td class="c2">#3#</td>
    <td class="c2">#4#</td>
    <td class="c3">#5#</td>
    </tr>
    

    #1 # fact refers to the data in the first column, #2 # for the second and so on. So you can do:

    <tr onclick="javascript:dosomething('#1#','#2#');">
    <td class="c1">#1#</td>
    <td class="c2">#2#</td>
    <td class="c2">#3#</td>
    <td class="c3">#5#</td>
    </tr>
    

    For example, by clicking on the line would trigger the dosomething() function and pass in that the values of the first and second columns. Also note that the 4 # does not appear now - this column is 'hidden' (but note that you must check the box to show the column)

    Andy

  • Satellite C Touchpad Scrolls series / moves when the left button is pressed

    Hello

    Seem to have a problem with my touchpad.
    After about 2 weeks of normal operation, it now only rolls / moves when the left button is pressed.
    Had a quick look in the settings but can't seem to get anywhere.

    Any IDE?

    Thank you

    K

    It is not easy to say what the problem is here. Maybe this kind of behavior is the result of defective material.
    I recommend reinstalling the operating system using HARD drive recovery option and check again with the factory settings. If the same thing will happen again from the first moment he must be a bad operation of the equipment and in this case, you should contact the nearest Toshiba service provider.

    They can check, repair if necessary and all costs will be covered by the warranty.

  • I have a slide show full frame, which works great, but is there a way to keep "next" arrows "prev" aligned vertically when the browser size changes? Also is there is way to add a border to a slide show full frame as well?

    I have a slide show full frame, which works great, but is there a way to keep "next" arrows "prev" aligned vertically when the browser size changes?

    Or a way to pin things generally vertically centered?

    Also is there is way to add a border to a slide show full frame as well?

    Thank you

    Hello.  For the problem of alignment, of the research this window https://helpx.adobe.com/muse/using/objects.html#Pinning%20objects%20to%20the%20browser%20w

    For once, click once on the slide show, and then click New. In this way you access the first image. Determine the race it and view it in the browser. It should work.

  • Is it possible to cut all the sounds and haptic feedback when the iPhone is connected to Carplay Apple?

    Is it possible to cut all the sounds and haptic feedback when the iPhone is connected to Carplay Apple?

    While driving, I noticed that all the comments navigation are also sent to my phone, creating a distraction while driving. Is there an automatic way to stop sending alerts to my watch whil the iPhone is also connected to Carplay?

    If this is not the case, consider this as your comments/request. If there is, please share. I do not want to switch manually and on all notifications when you use Carplay.

    Best regards

    Q

    Hello

    It may help to place your watch in mode do not disturb before driving:

    -On your watch: when the time display, drag upward on the dial of the watch > drag left/right to the gaze of settings > tap the moon to turn do not disturb on and outside.

    You can also disable mirroring for do not disturb mode. When mirroring is enabled, turning on do not disturb on your watch also automatically her allow on your iPhone.

    -On your iPhone, in the application of Eve, go to: Watch My > General > do not disturb - turn the market / stop iPhone mirror.

    To send comments and/or service requests to Apple, you can submit the form here (all comments are read):

    https://www.Apple.com/feedback/watch.html

    (This is a supportive community focused on user - you don't talk to Apple here).

  • Dell XPS 15z: "your battery is temporarily disabled. If please shut down your computer and try again when the unit is in the operating temperature"

    Hello

    last night, I was working on my laptop, I realize that my battery is low. so I put for loading... after a while, I realized that the battery is 75% charged so that I disconnect it. and my laptop turns off.

    the laptop refused more late start... therefore I reconnected it the charger and the laptop turned on with the light that displays the State of charge (white light near the intersection of the keyboard screen) starts to blink in a cycle of 5 times... 4 times orange and 1 white time... and this cycle continues until I use the laptop.

    and this message when I go to THE BATTERY option "your battery is temporarily disabled. Please shut down your computer and try again when the unit is in the operating temperature"my cell phone is outta warranty... what should I do? kindly help

    hchentanshankar,

    Welcome to the community.

    I am sorry to read that you are experiencing this issue.  The battery is likely guilty, but you should check to see if there are any problems with the laptop or AC adapter / CC before you rush out and replace the battery.

    I would start by checking the bios, boot the system by pressing F2 to enter the bios, you can also press F12 and select the bios menu.  Once in the bios look for the option for AC adapter warnings, if they are disabled they can and save the changes. If there is a problem with the adapter, you should start getting errors on the adapter.

    If the adapter seems well, disconnect the battery from the system and turn off the laptop.  Wait an hour or two and then replace the battery and restart the system and see if you continue to get the message.   If you can run the laptop on battery only to leave the battery completely and then load it again and see if the problem returns.

    I know that this may not be possible before you buy a new battery but if possible try a power adapter and the battery and see if the problem persists.  In this way, you can know if the problem follows the laptop battery or the AC adapter.

    Please let me know what you find.

    TB

  • When the browser window content Cup (was too small for the page) scroll bar will not scroll content cropped.

    Hey everybody,

    I have a new problem with Muse. It's my first Muse site, all my previous web work was HTML CSS, but I'm trying to learn the programs. However, I have a weird problem with my page... When the browser is too small - aka the window displaying the site is cropping some content, the scroll bar appears, but it won't scroll... I don't understand why. It seems to be the case in all browsers. Similarly, on some computers my footer is missing or invisible, not sure why, but on my computer I don't have the problem in all browsers (firefox, chrome, safari). Any advice?

    www.DanielleFeliciano.com

    In addition, in site properties that I have the minimum height, the value to show the entire page, don't know what is happening. I also noticed, the scroll bar appears when the page is cut off, it will not simply scroll...

    Looks like you have your content made the fallen on the homepage... or on a layer that is pinned. Probably the header layer.

  • Cannot install adobe creative suite 6, do not load and install further when the second cd is inserted (zip also does not work)

    Cannot install adobe creative suite 6, do not load and install further when the second cd is inserted

    This question is unanswered.

    artistichooves artistichooves February 6, 2014 06:31

    I've only had 3 programs installed with the two cd I got with my adobe creative suite 6 (edition education, student and teacher)

    It didn't load any further when I insert the second cd. (tried several times) on my windows 8.1

    I got a license number, but it does not work on the creative cloud

    I tried to download the zip file, but it did not work

    I have ragequited (sorry)

    and now I want to try again.

    -J' have the license but I can't use my cd or download the zip

    -are there a cd I can buy again or something?

    It seems that my series works more :/

Maybe you are looking for

  • Add a toolbar at the bottom of the page

    When I updated to V29.0, I lost the toolbar at the bottom of the browser. How can I add that back in. It contains a lot of information and it was easy to access. Thank yoou

  • Crashes on the message filters

    2014-04-25 03:04:38 gloda.datastore ERROR received the error in _asyncTrackerListener.handleError (): 19: failed constraint Time: 25.04.2014 03:11:40Error: 2014-04-25 03:11:40 gloda.datastore ERROR received the error in _asyncTrackerListener.handleEr

  • where is my list of the screens of déjà vu?

    my old Firefox has a BACK button, a button to the FRONT and a button pointing down that formularies each screen seen above. Maybe it was version 3 or 4. Now, version 5 has lost this button down. I can click the small button on the CLOCK and see broad

  • Cannot get Satellite A300 works well

    Hi all, I've had many, many problems with my computer brothers laptop for a while now. It is a Satellite A300 (PSAGCA-06P01Q), and initially the laptop worked quite well. However, he started a lot of freezing. Whenever we wanted to install a program,

  • New Deskjet 3050 J611 has no scan on iMac OS x 10.6.8 + utility HP do not open

    Hello - until I posted this I spend some time looking around and follows that some advice given here. It did not solve my problem. I bought a new Deskjet 3050 a yesterday.  Installation and wireless, the installation program has worked well.  I can p