Linking page content to 'browser fit' image.

I have imported and image and set it as the header that fits the width of the browser with the 'browser fit' tool. However when I add content to the page below this header the height of the content changes to either really far below the header or inside the header when the browser width changes. How do I make it so the content of the web page stays a set distance below the header image on all resolutions?
I'm new to Muse so sorry if this is too simple.
Thank you.

May be easiest to understand what you're trying to achieve if you publish to a free trial site and share the URL so we can look at your page(s).

Similar Messages

2 out of 6 pages not loading browser background image

Does anyone know why out of 6 pages on my website, only 2 of them are not loading the choosen browser background image? All other pages load them in when uploaded to the site online. They appear to be correct in iWeb before publishing.
Once they are published, it is just white. If I select a color instead of the image, the color displays. Thoughts?
All the best
iMac G5 20 Mac OS X (10.3.9)

One more question. I know that when you publish your
site to a non .mac acct, the podcasting code needs to
be changed. Can someone help me out with that? You
click the subsribe button and it launches iTunes, but
then it errors out. Thoughts?
Your RSS URL is invalid: http://www.onetvshow.com/ONE/our%20podcast/rss.xml
www.onetvshow.com is not listed with WHOIS.
Does anyone know of a free/cheap program I can use to
edit some of the code. I need to insert some form
mail code and then also for the podcast code edits.
You are asking the wrong guy if it repetitive and on going basis, I say AppleScript

Preview in browser doesn't load linked page images

The site works fine when uploaded, but when I preview a page
(it's a work in progress site so constantly adding to it), it
previews fine, but when I click the links to other pages, it loads
the page with all the images in position but only as missing
images, ie. none display! Is this normal? It means I can't see it
properly until I upload it - kinda defeats the object of a preview
function??

> Is this normal?
Yes. Of course. If you are using root relative links, you
cannot click away
from the previewed page. The reason for this is the the
target page tells
the browser to fetch an image like <img
src="/whatever/whatever.gif"... and
the browser looks for this image at the root of the hard
drive, not the root
of the site.
The solution, if you want to click to new pages, is to not
use root relative
links. Only use document relative ones. To read more about
these two types
of links, go here -
http://www.macromedia.com/support/dreamweaver/ts/documents/site_root_rel.htm
http://www.macromedia.com/support/dreamweaver/ts/documents/document_vs_site.htm
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
==================
"Deansplit" <[email protected]> wrote in
message
news:ermnoo$cku$[email protected]..
> The site works fine when uploaded, but when I preview a
page (it's a work
> in
> progress site so constantly adding to it), it previews
fine, but when I
> click
> the links to other pages, it loads the page with all the
images in
> position but
> only as missing images, ie. none display! Is this
normal? It means I can't
> see
> it properly until I upload it - kinda defeats the object
of a preview
> function??
>

Hi, I'm having problems with viewing a web page created with Adobe Muse CC latest release, I followed the various guides provided by Adobe, but the problem persists. The problem especially concerns the distorted display (the contents do not fit on the pag

Hi, I'm having problems with viewing a web page created with Adobe Muse CC latest release, I followed the various guides provided by Adobe, but the problem persists. The problem especially concerns the distorted display (the contents do not fit on the page, so it suits size automatically) to a mobile web page to be displayed not on a normal browser, but in a WebView.

Hi, I'm having problems with viewing a web page created with Adobe Muse CC latest release, I followed the various guides provided by Adobe, but the problem persists. The problem especially concerns the distorted display (the contents do not fit on the page, so it suits size automatically) to a mobile web page to be displayed not on a normal browser, but in a WebView.

I need to allow my customer to edit content on an HTML page within their browser. How can it be done

Hi,
I have a need for my customers to be able to edit content (text and links) within a region of a page in their browser. I read about "Editable Regions" and templates but it appears that our users would need Dw installed.
Is that true?
If so, how do you handle security so only my customer can edit content?
Is there another method I can use in any other of the Creative Cloud apps?
Is there some JavaScript that can be used?
Thanks for your help!
Franklin

Content Management Systems come big and small. The right one depends on:
your coding skills,
which programming languages & databases your server supports (PHP, ASP, ColdFusion, etc...)
project requirements,
budget
COMMERCIAL CMS
Cushy CMS (watch the video to see how it works)
No PHP or databases required.
http://www.cushycms.com
Perch
PHP & MySql required
http://grabaperch.com/
Media Carbon (formerly called "Content Seed")
No databases required
Available in ASP or PHP "Seed" versions
http://mediacarbon.com/
WebAssist Power CMS Builder (Extension for DW)
http://www.webassist.com/dreamweaver-extensions/powercms-builder/
Adobe Business Catalyst (subscription includes CMS & web hosting)
http://www.businesscatalyst.com/
OPEN SOURCE
Get Simple CMS -
PHP, no database required.
http://get-simple.info/
e107 CMS
PHP & MySql required
http://e107.org/
PyroCMS (built with CodeIgnitor)
PHP & MySql required
https://www.pyrocms.com/
Nancy O.

Can't access adobe from my smart phone to use my form created in formscentral I receive an error message that says "unsupported browser". There is a link to download a supported browser but the link directs me to another page that says "browser no

When I try to access adobe from my smart phone to use my form created in formscentral I receive an error message that says "unsupported browser". There is a link to download a supported browser but the link directs me to another page that says "browser not supported at this time". This happened to me while using my IPhone 5, a friend that uses an IPhone 6, and another friend that uses a Samsung Galaxy S5. I just need for my employees to be able to access, complete and submit work orders created in formscentral from their phones. I would like to use the data collection feature in formscentral but at this point any suggestions on how to accomplish this are welcomed. Thank you

Further info - I changed my security settings to allow apps from anywhere, and again tried to install. I again got an error message
that the update failed to install, and to contact Customer Support.

Mail won't send web page content or link

I posted this the other day on the Safari site but should have posted here as well.
Suddenly I am unable to forward a web page in Safari 3.12 through Mail. I get the message:
"Safari couldn’t create an email message because it couldn’t locate an email application.
You can use the Mail application included with Mac OS X to send email. To do so, you might need to install Mail using the Mac OS X installation CDs."
This occurs whether I wish to mail the link to the page or the page contents. The program has been installed since I purchased the laptop and never had a problem doing this before. Any ideas or solutions? Thanks,
Dennis

Found Answer in previous discussion of this date.

Linking a page as a browser window from a drop-down menu item

I have tried to link from a drop-down menu item to link to a small browser window instead of a full page. I tried using the "behaviors" but I got both the regular page and the browser window. Is there a way to make it just the browser window.
Thanks.

I tried that target=_Blank" but I still got the regular page plus the small browser window . I got rid of the Behavior for now. My aim is to would display the page in a simple 450 wide x 450 long browser window with a scroll bar with nothing else. If you can give me a code hint to do that, It would be appreciated. I'll figure out the rest.
My HTML coding skills are limited, as I'm used to using FP.(FP seems to be to the Web circles as the Bard's Scottish Play is to the theatrical world)

Unpredictable crash: not associated with specific pages. script:chrome/global/content/bindings/browser.xml.0

Firefox is open, website working as expected - without warning entire programme freezes. nothing moves - on occasion even my mouse pointer freezes.
the notice that appears in a drop-down says
script:chrome/global/content/bindings/browser.xml.0
I wonder if this 'chrome' refers to the underlying google product [which I have not installed].
There is absolutely no reason why this should happen - it is not any one specific site, and it happens without warning on sites I have previously visited often, without any problem.

Thank you for this: it is teaching me a lot about Firefox. I wonder whether there are any obvious suspects among the add-ons listed below? with a Mac, I have the basic ones and nothing exotic - nothing added recently, unless it is an update within the latest issue?
Firefox 3.6.8
Mac OS X 10.4
* Gecko default plugin
* Runs Java applets using the latest installed versions of Java. For more information: Java Embedding Plugin. Run version test: Java Information.
* RealPlayer Plugin
* iPhoto6
* Office Live Update v1.0
* 3.0.40818.0
* Adobe Shockwave for Director Netscape plug-in, version 11.5.2
* The Flip4Mac WMV Plugin allows you to view Windows Media content using QuickTime.
* The Google Earth Plugin allows you to view 3D imagery and terrain in your web browser.
* The QuickTime Plugin allows you to view a wide variety of multimedia content in web pages. For more information, visit the QuickTime Web site.
* Shockwave Flash 10.1 r82

Experience Manager doesn't show left nav to browse the pages/content collection

Hi,
We are using Endeca Experience Manager with ATG 11.0. We have created application and triggered baseline update successfully, all the steps are successful.
When we open Experience Manager it doesn't show the pages/content which will create by default with Discovery data/pages.
Please help us on this.
Thanks in advance,
Ravinder P

Thanks for the reply Tim,
We tried to access in both Chrome and FF, both doesn't show the left nav. We are suspecting that this could be issue with editors or application issue.
Thanks,
Ravinder P

Cannot view my pages in a browser

I starting designing a small website yesterday and I could
preview all of the pages and their links in my local browser. Today
however, there seems to have been a problem and the 'Internet
Explorer cannot display the webpage' page keeps on popping up. I
have tried to set the browser preferences to a temporary folder but
that hasn't changed anything either. My site root folder is saved
on my external harddrive, could this be a problem? This is my first
attempt t setting up a site and all of the Dreamweaver help pages
are well above my level of understanding abotu coding. Is there an
easy way to resolve this?
Many thanks,
Rosie

It might not be your only problem, but remove
<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
from above the DOCTYPE
Does this help?
Jo
"Rosie E" <[email protected]> wrote in
message
news:[email protected]...
>I starting designing a small website yesterday and I
could preview all of
>the
> pages and their links in my local browser. Today
however, there seems to
> have
> been a problem and the 'Internet Explorer cannot display
the webpage' page
> keeps on popping up. I have tried to set the browser
preferences to a
> temporary
> folder but that hasn't changed anything either. My site
root folder is
> saved on
> my external harddrive, could this be a problem? This is
my first attempt t
> setting up a site and all of the Dreamweaver help pages
are well above my
> level
> of understanding abotu coding. Is there an easy way to
resolve this?
>
> Many thanks,
> Rosie
>
> <%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
> 
> <title>basic_sheet_layout</title>
> 
> <link href="../basic.css" rel="stylesheet"
type="text/css" />
> 
> 
> <style type="text/css">
> 
> </style>
> <script src="../SpryAssets/SpryMenuBar.js"
> type="text/javascript"></script>
> <link href="../SpryAssets/SpryMenuBarVertical.css"
rel="stylesheet"
> type="text/css" />
> 
> <style type="text/css">
> 
> </style>
> <script src="../Scripts/AC_RunActiveContent.js"
> type="text/javascript"></script>
> </head>
>
> <body class="twoColFixLtHdr">
>
> <div id="container">
> <div id="header">
> <h1>Rosie Earp > Work Archive</h1>
> </div>
> <div id="sidebar1">
> <ul id="MenuBar1" class="MenuBarVertical">
> <li><a class="MenuBarItemSubmenu"
href="#">Home
> <script type="text/javascript">
> AC_FL_RunContent(
> 'codebase','
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#
>
version=5,0,0,0','width','87','height','28','title','homepage','src','text1','qu
> ality','high','pluginspage','
http://www.adobe.com/shockwave/download/download.cg
>
i?P1_Prod_Version=ShockwaveFlash','bgcolor','#AEAEFF','movie','text1'
> //end
> AC code
> </script><noscript><object
> classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
> codebase="
http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#ve
> rsion=5,0,0,0" width="87" height="28"
title="homepage">
> <param name="movie" value="text1.swf" />
> <param name="quality" value="high" />
> <param name="bgcolor" value="#AEAEFF" />
> <embed src="text1.swf" quality="high"
> pluginspage="
http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Versio
> n=ShockwaveFlash" type="application/x-shockwave-flash"
width="87"
> height="28"
> bgcolor="#AEAEFF"></embed>
> </object></noscript>
> </a></li>
> <li><a href="#"
class="MenuBarItemSubmenu">About Me</a>
> <ul>
> <li><a href="#">CV</a></li>
> <li><a href="#">Contact
</a></li>
> </ul>
> </li>
> <li><a class="MenuBarItemSubmenu"
href="#">Second Year Work</a>
> <ul>
> <li><a class="MenuBarItemSubmenu"
href="#">Sumac Project</a>
> <ul>
> <li><a href="#">Graffiti Concept
Project</a></li>
> <li><a href="#">SketchUp
Modelling</a></li>
> </ul>
> </li>
> </ul>
> </li>
> <li><a href="#"
class="MenuBarItemSubmenu">Third Year Work</a>
> <ul>
> <li><a href="#">Project
Description</a></li>
> <li><a href="#"
class="MenuBarItemSubmenu">Nottingham </a>
> <ul>
> <li><a href="#">The
Flanuer</a></li>
> <li><a href="#">Journey Image
Gallery</a></li>
> <li><a href="#">Panels</a></li>
> </ul>
> </li>
> <li><a href="#"
class="MenuBarItemSubmenu">Edinburgh</a>
> <ul>
> <li><a href="#">Site
Analysis</a></li>
> <li><a href="#">Conceptual
Work</a></li>
> <li><a href="#">Design
Development</a></li>
> <li><a href="#">2D
Drawings</a></li>
> <li><a href="#">3D Rhino
Modelling</a></li>
> </ul>
> </li>
> </ul>
> </li>
> </ul>
> <h3> </h3>
> </div>
> <div id="mainContent">
> <p align="left"> Main Content </p>
> <h1 align="center"><img
> src="../Images/second_year_web/images/P1030597.jpg"
alt="grffiti"
> width="322"
> height="423" /></h1>
> project
> desription
> <h2> </h2>
> </div>
> <br
> class="clearfloat" />
> <div id="footer">
> <p align="center" class="style1">Rosie Earp -
Design Extra Website -
> Spring 2007</p>
> </div>
> </div>
> <script type="text/javascript">
> 
> </script>
> </body>
> </html>
>

Displaying linked pages in an area of the screen, using CSS?

Imagine that I have a column on the left of the page that has a list of links to other pages. When you click on any of those links, then to the right the linked page is shown.
I know how to do this with frames, but I'm trying to figure this one out using CSS.
Can anyone point me in the right direction?
Below is a code sample that if your save and then view in a browser will show you (hopefully) what I am trying to achieve.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Test site</title>
<style type="text/css">

div.header {
height:4em;
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF;
div.sidebar {
width: 15em;
float:left;
text-align: left;
border-bottom:0px;
padding-top: 1em;
padding-right: 1em;
padding-bottom: 1em;
padding-left: 0em;
    background-color:#390
div.footer {
width:auto;
border:0;
padding:0;
text-align:center;
background-color:#6CF
-->
</style>
</head>
<body>
<div class="header">
   header goes here
</div>
<div class="sidebar">

   Link to page 1<br />
   Link to page 2<br />
   Link to page 3<br />
   etc...<br />
</div>

This is the area where the pages linked to should be displayed.<br />
So, if you click on the "Link to page 1" link, to the left, the contents of page 1 will be shown here.<br />
If you click on the link to the left that says "Link to page 2" then the contents of page 2 will be shown here, etc.<br clear="left" />
<div class="footer">
footer goes here
</div>
</body>
</html>

Thank you Nancy! Your solution is (I believe) 99% of the way to being exactly what I want.
The code fragment below:
<div class="sidebar">

   <a href="../Test/About.html" target="Frame1"> About</a><p>
   <a href="../Test/FAQ.html" target="Frame1"> FAQ</a><p>
   <a href="../Test/Contact.html" target="Frame1"> Contact us</a><p>
</div>
<iframe name="Frame1" id="Frame1" src="../Test/About.html" height="auto" width="auto" allowtransparency="true" border="0" margin="0" scrolling="auto" > </iframe>
but I want the window that contains the 'imported' code to expand to be the same height as the sidebar and wide enough to stretch to the rightmost side of the visible screen.
I was guessing that
height="auto" width="auto"
would have done the trick, but it would seem not. Any ideas?

Web page content is squeezed onto left side of page.

firefox worked great until I enlarged the fonts so I could read the words... sorry I am older and need larger text.
Ever since I get weird results on some websites.
Example: www.ibfx.com the entire right side (under the header and taps) of the page is black. can see nothing. Most details are squeezed onto the left side of the page. Links are still active but only 1/2 of the link is visible.
The page works just fine with Inet explorer but I want to use Firefox. I have tried deleting firefox and reloading it but that did not help. Also do not want to lose my saved links and bookmarks. Can you help? My email is [email protected]
Thanks, RobertJ.

Hi Cor-el... Thanks for your ideas .... however I still have the problem. I removed all cookies and cleared the cache. No help. It appears that the page is crowed over to the left side, as if force-fitting into a frame.
Also tried https but it made no apparent difference.
Have also run Ad-Aware and MalwareBytes... no problems there.
Ran a anti-virus check (Microsoft Essentials) that showed no problem.
Checked out the page on another browser (Chrome) and no problem there.
I have added a screenshot of the problem. It is a PNG file made with Win7 snipping tool. Maybe that will help? I have reduced that image so as to include the entire space.
Certainly appreciate your assistance. Any other ideas?
RobertJ.

Loading CSS Body background before page content?

Hi all,
I'm doing this homepage for a publisher:
http://www.alma.dk/
When testing it with sloppy (www.dallaway.com/sloppy/), I can
see that the background image of the logo, which is the most
important graphic, loads LAST.
I've figured this is because the body style is set in the CSS
file, and browser logic doesn't load CSS defined images first.
Is there any way to make the page load the CSS defined images
before it loads the rest of the page contents? I've got a few large
images hidden in layers on that page that the browser attempts to
load before displaying the background image, which is not ideal. -
And I'd rather use CSS styling for the body, ofcourse.
Thank you for any pointers!

> Your stats are wrong, because in that one HTML page,
there are 198KBs of
> graphics. Try MouseOver on one of the book graphics,
that'll reveal the
> hidden
> larger images, that are contained in Layers, with Snap
Layers by PVII. -
> Or try
> the site with Sloppy.
If you eliminated the heavy js hit of snap layers (using CSS
instead), and
adopted the Set Text method of writing the image source link
to an ID
element, you could probably cut 80% of this page's weight.
Then you
wouldn't have to worry about the slow load.
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
==================
"Mathias(DK)" <[email protected]> wrote in
message
news:[email protected]...
> Murray!
>
> I came here hoping that it would be you that answered my
call. You've been
> a
> tremendous help on this forum before whenever I needed
it, and for that I
> owe
> you...
>
> > I've figured this is because the body style is set
in the CSS file, and
> > browser logic doesn't load CSS defined images
first.
>
> >I'd be interested to know where you learned this.
>
> As I wrote, this is something I figured myself, since
looking at the page
> through Sloppy, I can see that the BG image persistently
loads as one of
> the
> last graphics.
>
> Your stats are wrong, because in that one HTML page,
there are 198KBs of
> graphics. Try MouseOver on one of the book graphics,
that'll reveal the
> hidden
> larger images, that are contained in Layers, with Snap
Layers by PVII. -
> Or try
> the site with Sloppy.
>
> Counting Angels, huh? Well, I take pride in what I do,
whatever I do, and
> at
> the same time I'm interested in learning. Even if I
optimized the BG
> graphic
> more (GIF), it'd still load last (after 161KBs of
graphics + HTML and
> CSS).
>
> So there is the problem. And just for the record, the
page will go dynamic
> in
> the future, so there wont be hidden graphic hacks on it,
but I'm
> interested
> still, for future reference and for learning.
>
>
>
>
>

When i preview the page in the browser why is there grey padding and how do i get rid of it?

Why doesnt the image go from edge to edge? Sorry if stupid question i am new to muse.
Thank you.

laity - If you want the image to fill the space around the page content, set the Browser Fill to an image and set Fitting to Stretch to Fill. If you just want an image to span the width, create a 100% width rectangle and set its fill to an image in the same way. You can also set an image frame to be 100%.
100% Width icon.

Linking page content to 'browser fit' image.

Similar Messages

Maybe you are looking for