Background Image Fixed-Layers Above Move in Browser Window

Hi,
I created a table, single column and row. I inserted an image
(background graphics), then created Layers for my text and
navigation buttons. See layout online here:
http://www.tarbeatydesign.com/SG4/index.html
Why do the layers float around when the browser window
changes sizes? Is there a fix.
I'm using DW MX 2004 - v7.0.1
Thanks, Tar

First-cousin in my family, and lots of rumors...
Walt
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> SHE'S HIS COUSIN?
>
> --
> 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
> ==================
>
>
> "Walt F. Schaefer" <[email protected]> wrote
in message
> news:[email protected]...
>> He's responsible for the memory lapse. Well, him and
his cousin Mary
>> Jane.
>>
>> --
>>
>> Walt
>>
>>
>> "Murray *ACE*"
<[email protected]> wrote in message
>> news:[email protected]...
>>> Just think John Barleycorn.
>>>
>>> --
>>> 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
>>> ==================
>>>
>>>
>>> "Walt F. Schaefer" <[email protected]>
wrote in message
>>> news:[email protected]...
>>>> Yes, better. Thanks Murray. I was
momentarily lost for the term
>>>> "ancestor".
>>>>
>>>> --
>>>>
>>>> Walt
>>>>
>>>>
>>>> "Murray *ACE*"
<[email protected]> wrote in message
>>>> news:[email protected]...
>>>>>> Because that's how Layers
(position:absolute) work. They are
>>>>>> positioned absolutely relative to
the position of their containing
>>>>>> element (usually <body>).
>>>>>
>>>>> That's confusing. They are positioned
offset from the position of
>>>>> their closest positioned ancestor. If
there is no positioned
>>>>> ancestor, then the body tag is used,
hence, upper, left-hand corner of
>>>>> the page.
>>>>>
>>>>> --
>>>>> 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
>>>>> ==================
>>>>>
>>>>>
>>>>> "Walt F. Schaefer"
<[email protected]> wrote in message
>>>>>
news:[email protected]...
>>>>>>> Why do the layers float around
when the browser window changes
>>>>>>> sizes?
>>>>>> Because that's how Layers
(position:absolute) work. They are
>>>>>> positioned absolutely relative to
the position of their containing
>>>>>> element (usually <body>).
>>>>>>
>>>>>>>Is there a fix.
>>>>>> Stop using Layers. They are not a
good option for general page layout
>>>>>> purposes. They should be used
sparingly in special situations and
>>>>>> only if you fully understand how
they will interact with the rest of
>>>>>> your page. You need to learn and
understand CSS (+ HTML) if you want
>>>>>> to build anything but the simplest
of sites.
>>>>>>
>>>>>>
>>>>>> --
>>>>>>
>>>>>> Walt
>>>>>>
>>>>>>
>>>>>> "tarbeaty"
<[email protected]> wrote in message
>>>>>>
news:[email protected]...
>>>>>>> Hi,
>>>>>>> I created a table, single column
and row. I inserted an image
>>>>>>> (background
>>>>>>> graphics), then created Layers
for my text and navigation buttons.
>>>>>>> See layout
>>>>>>> online here:
http://www.tarbeatydesign.com/SG4/index.html
>>>>>>>
>>>>>>> Why do the layers float around
when the browser window changes
>>>>>>> sizes? Is there
>>>>>>> a fix.
>>>>>>> I'm using DW MX 2004 - v7.0.1
>>>>>>> Thanks, Tar
>>>>>>>
>>>>>>
>>>>>>
>>>>>
>>>>
>>>>
>>>
>>
>>
>

Similar Messages

Div Background Image...Resize To Fit Browser Window...???

[b]hello again[/b]...
I would like to have a background image (.jpg) automatically resize to fit any browser's window...& I read somewhere on the web it should be accomplished by placing the image in a layer (as a background image); & then set the layer size to 100%.
can someone please tell me how the coding goes for this...?
[or...if that [i]is[/i] in fact the correct approach? I don't care if it's html or css...I just want it to work. (&...I'm starting off w/ a larger image (so resolution doesn't get lost when going bigger)]
thanks very much,
[b]mark4man[/b]
btw - I should add that it's the image's [i]WIDTH[/i] I'm interested in resizing...while it's aspect ration remains in tact.

http://css-tricks.com/how-to-resizeable-background-image/
For the record, I'm not a big fan of huge background images on web pages. They take forever to load on slow connections. And some mobile devices won't display them at all. So all that weight just for eye candy is kind of a waste IMO.
I think the safest, most practical way to achieve backgrounds that fill available viewport is to use a small, seemless tile and repeat horizontally, vertically or both.
More on background-images:
http://alt-web.com/Backgrounds.shtml
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

How to expand background image or a div to fit browser

Hi All,
Can anyone advise on how I can expand my background image (or currently an image in a div) to fit the browser.
Current page is www.curtissigns.com
I have been trawling through the forum but could do with being pointed at some sample code.
Any advice would be helpful..bearing in mind that I am no expert and have lots to learn LOL
Stuart

You have some serious issues with your code.
40 errors and 5 warnings.
You'd be best off if you clean those up using the validator here: http://validator.w3.org/
As for the 100% background image, there are several ways to do that, all with varying support in older browsers. The easiest way (with least old browser support) would be to use the background-size:cover css attribute. Here's an explanation of how to use it: http://www.w3schools.com/cssref/css3_pr_background-size.asp
If you are worried about older browsers, you'd need to use a javascript, depending on your coding skill, this page gives you everything you need http://louisremi.github.com/jquery.backgroundSize.js/demo/

How to center flash movie in browser window

Can anyone explain how to horizontally center my Flash movie in the web browser window after publishing?
A bit of background:
I was able to achieve this using <center></center> tags a few years ago. But I have since upgraded to CS5 and I understand that this old method is now obsolete.
I have found a few threads/forums that address this, but I know nothing about HTML and these threads don't help me because they assume you have more knowledge than I possess. When opening up the index.html file in Dreamweaver I can't find anything that looks vaguely familiar to what is being discussed. I have found some code samples using <div></div> tags but have no idea where to place it.
So I will need it explained to me in a step by step fashion, including which file I need to fix and what program I should use. Code samples will be very welcome if you can tell me exactly where it goes.
Thanks in advance...

Just realized that there is no scrolling functionality with the .swf generated from the new CS5. Can anyone help out by providing revised code for centering and scrolling?
I found something elsewhere in the forums that worked for both centering and scrolling that worked fine yesterday, but upon visiting my site today for testing, it did not allow the scrolling, and centering did not work in Firefox. Tested both Safari and Firefox on 2 Macs running Snow Leopard.
Again, much appreciated - nice to visit forums where people are interested in helping instead of screaming at each other. Will visit the Illustrator or Indesign forum to see if I can help out someone there...

Movie Clip / Browser Window Resize?

Hello Everyone,
I was wondering if anyone knew of a way that you could make a
single movie clip in your .swf react to the current width of the
browser window, when its loaded.
I would like to use this specific piece of code to
dynamically center an "enter" button on a website.
Thank you in advance

If you set the properties of your .swf to 100% width and
height your movie will automatically fill the browser regardless of
resolution. Note if your using a colored background for your web
page you will see white striping down each side of your movie. just
set the param for bgcolor to what ever you need it to be
Kevin

Why can't I drag an image or html file into a browser window with Firefox 17

to get a quick view of various images or html files, I like simply dragging the files from my local drive into a Firefox browser window.
since upgrading to FF 17, I can no longer do that. a NO symbol comes up when attempting this. and Dreamweaver will no longer preview with Firefox, even though it's my designated, preferred browser.
anybody know if both of these are some setting or something?

Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem (switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance).
*Do not click the Reset button on the Safe mode start window or otherwise make changes.
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Rolling window moves when browser window changes size??

I have added a rolling window into my page and it is in the
correct position when I click to preview, but when the browser
window moves (when I click on my Favourites window panel for
example) the rolling window moves along and out of its position.
Is there anyway to stop this?
Cheers,
Zoe

Change this -
</head>
to this -
<style type="text/css">

</style>
</head>
change this -
<body ...>
to this -
<body ...>
<div id="wrapper">
and this -
</body>
to this -
</div>
</body>
and see if that helps.
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
==================
"dollecom" <[email protected]> wrote in
message
news:e5ffjv$qa8$[email protected]..
> I have added a rolling window into my page and it is in
the correct
> position
> when I click to preview, but when the browser window
moves (when I click
> on my
> Favourites window panel for example) the rolling window
moves along and
> out of
> its position.
>
> Is there anyway to stop this?
>
> Cheers,
> Zoe
>

When i right-click and select 'view image info', that info box and browser window lock up, have to manually close firefox to reinstate the browser

when i right click and select 'view image info', that info box and the browser window lock up. i have to manually close firefox to reset the browser and gain access. sometimes, i have multiple firefox browsers open when this happens, and both browsers lock up, and all three (both browsers and the image info window have to close down together..
I'm using 3.6.13 on Windows XP.

You're welcome

Background Image Fix Needed ASAP

Post Author: DHAG
CA Forum: Xcelsius and Live Office
Hello,
I am working on transferring all my 4.5 files into the new 08 version and the main background I have is of course the only one in the new version with a problem
It is background 4 in them Graphite.
The image is broken in the bottom right..
I would really appreciate any assistance on getting this fixed!
Thanks,
Dave

Post Author: Jim Gonzales
CA Forum: Xcelsius and Live Office
Good luck, the problem was in the transfer, not everything seems to be carrying over as it should, are you able to delete the previous background and utilize a new one. Or, open two separate workspaces, one with a blank page the other with your previous model, create the new background in the new model, then copy and paste the previous compononents into the new workspace along with the imported excel spreadsheet?

Css background image fix

Hi
I have some css code that adds png image to a webpage. The problem is that white edges appear when page uploaded to server.
body {
    background: url(images/plate.png) no-repeat;
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
The pngs core content is 920 in width. In the edges these is some design space. How can I have the design space cover the whole page with out white spaces in the edge.
Thanks.

Tony404 wrote:
body {
    background: url(images/plate.png) no-repeat;
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
add to your 'body' css:
margin: 0;
padding: 0;
body {
    background: url(images/plate.png) no-repeat;
    background-position: center top;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
margin: 0;
padding: 0;

Changing imported image with layers to movie clip

Yes I have imported an .ai file into flash with several
layers on it. When I then converted it to a movie symbol it
flattened all the layers down. How can I convert it and keep the
layers editable?

They are editable, just within the movie clip. Double click
it either on the stage or in the library.

I've having a problem with not being able to move the browser window around on my desktop. My last alternative is to uninstall Firefox and try a reinstall, but I'm afraid I'll loose all of my bookmarks. Any insight would be appreciated. Thanks--

Vista Home Premium / Service Pack 2
Intel Core 2 Quad CPU Q 9400 @ 2.66GHz
3 GB Ram
32-bit OS

Did you check what I would consider the first place to look:
* http://kb.mozillazine.org/Problematic_extensions
If the site is still down (at least 12 hours) when you read this try [http://webcache.googleusercontent.com/search?q=cache:http%3A//kb.mozillazine.org/Problematic_extensions Google's cache]
Link or url would make it easier to see which page you tried rather than "your online solution for ...".
* http://kb.mozillazine.org/Firefox_hangs ([http://webcache.googleusercontent.com/search?q=cache:http%3A//kb.mozillazine.org/Firefox_hangs cached version])
* http://kb.mozillazine.org/Firefox_crashes ([http://webcache.googleusercontent.com/search?q=cache:http%3A//kb.mozillazine.org/Firefox_crashes cached version])
* [https://support.mozilla.com/kb/Firefox%20hangs#os=mac&browser=fx4 Firefox hangs | Troubleshooting | Firefox Help]

How to make a fixed background image in Dreamweaver CC

I'm trying to make my background image fixed so when I scroll down in Dreamweaver CC it stays completely still, could someone please tell me how to do that?

You've got a lot of code that you don't need. And I'm very dubious about the file:/// path to your image. Are you working in a Defined Local Site Folder? The image path should be pointing to your site, not files:/// on your local hard drive.
body {
background:#000 url(concept_watch_dogs___wallpaper_1366x768_by_mackintosh141-d6led76.jpg) no-repeat center center fixed;
Nancy O.

I cannot move, resize, minimize, or close the browser window despite everything inside the window still working.

I don't know what details are needed so I'll just rattle off anything that I can think of.
I am running an Asus laptop with windows 7. I have never had an issue with firefox in the past (beyond the usual freezing and some obvious issues with pop up ads that are par for the course with firefox since adblocker never does what it says.... not really. Lets be honest.) I am using Avast for my virus protection and it is also up to date.
My issue started about an hour ago when firefox stopped responding. The video I had playing kept going but I could not interact with anything. Assuming the program froze for the billionth time that week I rebooted it. This has always solved freezing issues in the past. Now, however, firefox is doing something new.
I can access the menus and almost everything on the window itself except for the minimize/maximize/close buttons, I cannot move the window at all, and I cannot manually resize it. I have also noticed that although videos will play, I can only click on their buttons if there is another smaller window overtop of firefox. The video controls will only appear that way and when I click them firefox naturally comes to the front and the video responds with the button I used but the buttons are gone again and I cannot resume playing without the smaller window back in front to make the buttons show again.
It's as if half of firefox is frozen while the other half is still running somehow.
I have no themes that could be causing this. Literally none. I only use firefox for the things that can no longer be opened in Opera so I have no need for any theme beyond default. The only addons I installed on purpose were adblockers (lord knows why. they don't DO anything.) though several other random things seem to have been installed over time to aid in one thing or another. Various plugins and players and versions of java, that sort of thing. But I have everything (and i mean EVERYTHING) in the addon menu disabled.
I have tried booting it up in safe mode (the program, not windows) and the problem is still there except now it won't show the menu bar at all unless I press the alt key first and even then it wont let me actually click on anything in the menu bar. When I try the whole bar vanishes. I had to close firefox with the task manager.
Rebooting will fix the issue for about 15 seconds before it all comes back.
Any attempts at updating have failed as it says I am already up to date on everything so I don't know what its issue is.
It's not an urgent issue right now as most of what i need to do can be done on the half screen window I am using, but some of my sites have buttons that literally vanish in anything but full screen and I imagine that this will be a much greater annoyance within a few days.

After following all the instructions given, I poked around safe websites as suggested. I am not sure why this step was needed, as websites functioned rather normally before I came here but I did it anyways and found that the websites still work the same as they did. I can still do everything I used to be able to do. I see no change in the function of the websites.
However, I still cannot resize, close, or move the browser window. I don't know if Netflix is a safe site or not (too many conflicting opinions on that one from the masses) so I don't know if the issue with the vanishing buttons is still there, but all the issues I had with the browser window itself is still there.
Even in safe mode the browsers three window control buttons on the top right refuse to let me use them and the window itself will refuse to be moved around.

Resizing Background Image

I did some google searching...but, I am seeking the ability
to have my
background image resize to the visitor's browser...not tile,
but rezise...I
see some older google articles on javascript and CSS3...but,
I see flash
sites do it enough and believe I have see DW sites do
it....For my tastes,
javascript is ok but CSS is preferred.
TIA.

Can't happen. Background images don't resize.
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
==================
"tweaked_eye" <[email protected]> wrote in message
news:ggckae$j8c$[email protected]..
>I did some google searching...but, I am seeking the
ability to have my
>background image resize to the visitor's browser...not
tile, but rezise...I
>see some older google articles on javascript and
CSS3...but, I see flash
>sites do it enough and believe I have see DW sites do
it....For my tastes,
>javascript is ok but CSS is preferred.
>
> TIA.
>
>
>

Background Image Fixed-Layers Above Move in Browser Window

Similar Messages

Maybe you are looking for