Rectangle fills the browser in design view but cuts off in iphone/ipad/laptop

Screenshot of how it looks on a 13'' monitor and smaller. ( on my large monitors it looks fine ).
http://postimage.org/image/mzp23gzyj/
screenshot of the design view:
http://postimage.org/image/wpak76jbl/full/
How do I fix this issue?
Mac OS X, Muse v2.1,
site properties:
page width 1285 columns 1
column width 1285
gutter 0
all margins 0
Not centered horizontally
padding Top 20, Bottom 20, Left 36.

Also someone kindly explain what those blue vertical guidelines do, searched all over the net for hours but couldn't find a thing.
Also to clarify I'm trying to fill out the bottom portion with gray, there shouldn't be any white on the right past the gray rectangle.

Similar Messages

Filling the browser in Flash CS3

In Dreamweaver I am able to insert a short script to fill the
browser when I view my website. How can I do this fill the browser
action with Flash CS3??

ojodegato wrote:
> In Dreamweaver I am able to insert a short script to
fill the browser when I view my website. How can I do this fill the
browser action with Flash CS3??
file - publish setting - html , change publish size to 100%
rather than fixed pixel size.
Then it will follow your available space in html document.
Best Regards
Urami
"Never play Leap-Frog with a Unicorn."
<urami>
If you want to mail me - DO NOT LAUGH AT MY ADDRESS
</urami>

Inserted the code but can't see the site in design view

Hello, I just downloaded the trial version of DW ver.8 and
opened an existing site I have and can't see anything in the design
view, but everything is there in the code view... and the site
shows just fine in the browser preview! This problem happens with
all the html pages I open up. Someone please tell me what I am
doing wrong. I am using mac osx ver.10.4.5.

I copied and pasted the code into DW and I didn't have a
problem viewing it,
A couple of things:
You need to close a a tag here: the > was missing at the
end:
<img src="./icon/sample04a.jpg" border="0"
onmouseover="this.src='./icon/sample04b.jpg'"
onmouseout="this.src='./icon/sample04c.jpg'" style="cursor:
pointer;">
You also need to change:
<script language="javascript">
to this:
<script language="JavaScript" type="text/javascript">
You may want to put the page through the validator and fix
the problems
associated with the page:
http://tinyurl.com/jw7bg
Nadia
Adobe� Community Expert : Dreamweaver
http://www.DreamweaverResources.com
- CSS Templates|Tutorials
http://www.csstemplates.com.au
http://www.perrelink.com.au
- Web Dev
http://www.adobe.com/devnet/dreamweaver/css.html
CSS Tutorials for Dreamweaver
"Big Regz" <[email protected]> wrote in
message
news:ea9cp6$clu$[email protected]..
>
http://www.egocreative.com.au/index.html
>
> This is who I am currently employed with. The site was
done by someone
> before
> I started and was done outside DW (I think he used html
code only). This
> site
> and any other that I am trying to open and edit can't be
seen in design
> view
> but the code can be viewed, and can be seen properly in
the browser
> preview. I
> really want to use this new version of DW
>

How come I can see my div in design view but not in live view

Hi,
I have a div ID called "portfolio" that I can see in design view but not live view or on a browser. It's a little pink square and I want that square round also.
I ran it through validator. It picked up some things in the style.css which I changed and the boilerplate.css that I did not. Because I thought DW auto creates code for boilerplate because I don't enter that code myself.
It's also rejecting a lot of webkit code but this seems like standard webkit code that works elsewhere on the page.
BTW: at what point does this brutal hand coding pay off in money and less heartache when Wordpress looks cleaner and is so much easier to use? I feel like I barely know HTML or CSS in terms of translating vision to reality and with all-browser functionality after months and months of on-line classes. How long are the pros at it till they reach a watershed point?
here's my address: http://www.adjacentdimensionsmedia.com/home.html
Here's my html:
<body>
<div class="gridContainer clearfix">
    <div id="div1" class="fluid"><img src="adtitle2.png" width="700" height="80" alt=""/></div>
<div class="fluid"><div class="box-shad"><a href="index.html"></a></div>
</div>
    <div id="portfolio">Portfolio</div>
</body>
Here's my CSS:
.box-shad {
margin-top: 200px;
margin-left: 100px;
width: 900px;
height: 700px;
display: block;
background-image: url("images/Big-tree-trans1.png");
background-size: 900px 700px;
-webkit-box-shadow: 15px 15px 15px #000000 inset;
box-shadow: 15px 15px 15px #000000 inset;
-webkit-border-radius: 50%;
border-radius: 50%;
position: fixed;
.box-shad a {
    display:block;
    width:900px;
    height:700px;
#portfolio {
width: 100px;
height: 100px;
margin-top: 0px;
margin-right: 200px;
margin-left: 200px;
margin-bottom: 0px;
border-radius: 75%;
-webkit-border-radius: 75% 75%;
background: pink;
top: -300px;
position: relative;

The top:-300 is putting that div above the top of the browser viewport. Fix that and you'll see the div.

Why page looks fine in Design view but not live view?

I am new to DW. I created a page that looks fine in design view but now I cant get it to show up in live view or the browser preview. Can some one give me some areas to troubleshoot. Most of the code is from a previous page I created that still looks fine in every view. I am not sure what I could be doing different in setting up this site.

Thanks for taking the time to reply to question. Aftr taking a break. I came back realized I inserted the stylesheet before I changed site settings. I just needed to remove the forward slash from my stylesheet declaration. FYI for anyone else new to DW: if stuffs not showing in Live View and Browser Preview eg background images, Go to Manage Sites and check your site setting for Links relative to: You may have switched between document and site root. Thus breaking your links to images or in my case the entire style sheet.

Websafe fonts changing in design view, but not in browsers

ive currently got a website with font thats extremely hard to read for my real estate company. I can change it in dreamweaver just fine and it shows in design view, but upon previewing in a browser it does not work, just reverts back to the old horrible font. Any suggestions here??
im trying to change the font family to
Tahoma, Geneva, sans-serif
thank you in advance!

There's only one h2 heading on each of those pages e.g. 2001 Update: Banks Charging....
The other subheadings (What is the payout penalty...) are a mishmash of <p> tags, <span> tags and CSS styles.
However, the font appearance and word spacing in those subheadings is controlled by the extensive use of the Cufon font replacement technique.
In the Cufon Javascript file,
http://www.definitiveinvestments.ca/js/cufon-replace.js
the <h2> font is replaced with Bebas http://www.dafont.com/bebas.font
Cufon.replace('h2, h3, .title3', { fontFamily: 'Bebas' });
By hard to read, are you referring to the word spacing?

Inserting DIVs in HTML view screws Design view but preview is fine

RH8 HTML
Hi all,
Ive been working on a fix for a client, forcing a footer banner to the bottom of the screen, regardless of content in the page. Its nearly working fine, just a bit more tweaking, but one problem I am having.
I am editing and adding <div> in HTML view, so that the positioning works.
However, when I view the page in Design view, its all messed up, the content is really narrow and stretches down the page for a long time. However, when I preview, and generate the page it looks fine.
Its an issue, because the client will be given the RH source files at the end of the project, and with the front end editor looking like this its not going to be weasy for the to edit it, let alone me finish with all the content.
Has anyone come across this before? Is the Design viewer not the best at displaying div content ?
The HTML where the <div> is set off before content is entered:
<body>
<div id="wrap">
    <div id="main">
        <div id="spacing">
***********all content in here************
          </div>
    </div>
</div>
</body>
The CSS that the <div> is calling
#wrap {
    min-height: 100%;
    border-left: 1px solid #9ea6ad;
#main {
    overflow: auto;
    padding-bottom: 54px;
/* must be same height as the footer */
#spacing {
    padding: 10px;
#footer {
    position: relative;
    margin-top: -54px;
    height: 54px;
    background: url(footer.gif) repeat-X;
    clear: both;
    border-left: 1px solid #9ea6ad;
/* negative value of footer height */
#footer p {
    padding-top: 15px;
    padding-right: 10px;
    color: #ffffff;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    text-align: right;
/*Opera Fix*/body:before {
    content: ;
    height: 100%;
    float: left;
    width: 0;
    margin-top: -32767px;

Hi Nick
What you are doing is working outside the boundaries of what RoboHelp natively does. If working with DIVs was part of that you wouldn't be forced to create them in the HTML view. As a result, I'm not surprised that the Design view isn't totally understanding how to deal with it.
No workaround I can think of here. Sorry about that. Maybe someone else has something to offer. What I'm posting to ask is that you please report this to Adobe as a bug. Who knows, maybe they have some magickal scripting or something they can do to accommodate it. At minimum, they need to be aware of the issue so they can factor it into a future release. Use the Feature Request link in my sig.
Cheers... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Preview and Generate view not displaying the same as design view

RoboHelp HTML Ver 8.0.2.208.
Hi all,
I have a topic that will not generate or preview what is displayed in the design view.
The topic is a table that uses a different image as the background for each cell (from the CSS).
The background images display fine in design view but will not display when previewed or generated. Everything else is displayed but not the backgrounds.
Any ideas.
Thanks
Wowronin

You have this -
</head>
<script>

</script>
<style type="text/css">
#preloader {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #fefefe;
     z-index: 99;
    height: 100%;
#status {
     width: 200px;
     height: 200px;
     position: absolute;
     left: 50%;
     top: 50%;
     background-image: url(ajax-loader.gif);
     background-repeat: no-repeat;
     background-position: center;
     margin: -100px 0 0 -100px;
</style>
<body>
In other words, you have a script block AND a CSS block between </head> and <body>. That's invalid code. Move it to where it belongs inside the <head> region. You could have found this in an instant by checking the page here - http://validator.w3.org.

I have created numerous forms in Designer and for some reason, "Edit in Designer" from PDF, I cannot edit any of the fields in Design View.

I have created numerous forms in Designer and for some reason, "Edit in Designer" from PDF, I cannot edit any of the fields in Design View.

Is it possible you accidentally put the fields on the master page?

In iPhoto slide show I want to add notes to each slide. Following the directions, I press VIEW but I don't see "Show Notes". How do I do it?

In iPhoto slide show I want to add notes to each slide. Following the directions, I press VIEW but I don't see "Show Notes". How do I do it?

hello louise, the firefox button will only be displayed in case the menu bar is hidden (''view > toolbars''), but you can access the options through ''tools > options'' as well in order to set a custom homepage...
[[How to set the home page]]

I have a 17" computer, and I'dlike to use the entire screen to view, but in order to do so, I have to press Control + several times at each site.

I have a 17" computer, and I'dlike to use the entire screen to view, but in order to do so, I have to press Control + several times at each site. I don't want to use "full screen."
Does anyone know how to set a default to maximize the screen? For some reason, the screen appears even smaller than my old 15" computer.

Yes, it's a hassle to zoom every single site manually. You can "zoom" all sites using this add-on: [https://addons.mozilla.org/en-US/firefox/addon/2592/ NoSquint]. After setting your Global zoom level, you can still fine-tune the zoom on individual sites.
After installing NoSquint, click the % on the Add-on Bar to call up site preferences, then click the Global Settings button, then the Zooming tab.
If you don't have the Add-on Bar displayed, you can right-click the new tab button ("+") or a blank area of the tab bar to the right of it and choose Add-on Bar from the shortcut menu.
You can experiment with sizes larger than 125%, but I wouldn't go much higher than 150% unless you have a large high-resolution monitor.
If there are particular sites that still present a problem, feel free to post their URLs.

The browser doesn't start after turning off and turning on the computer

The browser doesn't start after turning off and turning on the computer. I tried to delete the program entirely (along with personal preferences), create a new account, install a different browser versions. All this did not help. (I have Windows 7.) Help, please! Every day I have to reinstall Firefox!

Hello Nastena, try a clean re-install, certain Firefox problems can be solved by performing a ''Clean reinstall''. This means you '''remove Firefox program files''' and then reinstall Firefox. Please follow these steps:
'''Note:''' You might want to print these steps or view them in another browser.
#Download the latest Desktop version of Firefox from http://www.mozilla.org and save the setup file to your computer.
#After the download finishes, close all Firefox windows (click Exit from the Firefox or File menu).
#Delete the Firefox installation folder, which is located in one of these locations, by default:
#*'''Windows:'''
#**C:\Program Files\Mozilla Firefox
#**C:\Program Files (x86)\Mozilla Firefox
#*'''Mac:''' Delete Firefox from the Applications folder.
#*'''Linux:''' If you installed Firefox with the distro-based package manager, you should use the same way to uninstall it - see [[Installing Firefox on Linux]]. If you downloaded and installed the binary package from the [http://www.mozilla.org/firefox#desktop Firefox download page], simply remove the folder ''firefox'' in your home directory.
#Now, go ahead and reinstall Firefox:
##Double-click the downloaded installation file and go through the steps of the installation wizard.
##Once the wizard is finished, choose to directly open Firefox after clicking the Finish button.
Please report back to see if this helped you!
* check also if your antivirus or other security software(firewall, antispyware etc) blocks firefox access.
thank you

HT5569 Tried this but still not working and unable to load Itunes iOS: Wi-Fi settings grayed out or dim Symptoms In rare instances, the setting to turn on Wi-Fi on your iPhone, iPad, or iPod touch may appear grayed out or dim. You may see the following w

Tried the below and still no good - any suggestions
iOS: Wi-Fi settings grayed out or dim
Symptoms
In rare instances, the setting to turn on Wi-Fi on your iPhone, iPad, or iPod touch may appear grayed out or dim. You may see the following when you tap Settings > Wi-Fi.
If this occurs, you can't turn Wi-Fi on, and when you try to turn Wi-Fi on, your device won't respond. If you're using iOS 7, Wi-Fi may appear to turn on and off in Control Center, but Wi-Fi won't respond.
Resolution
Follow these steps to resolve the issue:
Restart your iOS device.
Make sure that airplane mode is off by tapping Settings > Airplane Mode.
Reset the network settings by tapping Settings > General > Reset > Reset Network Settings.
This will reset all network settings, including Bluetooth pairing records, Wi-Fi passwords, VPN, and APN settings.
Make sure that your device is using the latest software. To do so, connect your device to your computer and check for updates in iTunes.
If you still can't turn Wi-Fi on, please contact Apple for support and service options. If you can turn Wi-Fi on but are experiencing other issues with Wi-Fi, please see these steps.
Last Modified: Dec 9, 2013

Your device has a hardware failure and only replacement or repair will fix it. Take it to an Apple Store or an Apple authorized service provider.

The computer that had my iTunes account on has broken, and was thrown away. All the media I bought are on my iPhone only - is there any way to re-open my iTunes on the new computer or to download them off my iPhone? Thanks!

The computer that had my iTunes account on has broken, and was thrown away.
All the media I bought on it are on my iPhone only - is there any way to re-open my iTunes on the new computer or to download them off my iPhone?
I'm worried that if I lose my iPhone all will be lost. Please help!
Thanks,
Alastair

Buy yourself a backup drive. Your i-device was not designed for unique storage of your media. It is not a backup device and media transfer is structured around you maintaining your media on a computer which is itself properly backed up against loss. Syncing is one way, computer to device, matching the device content to the content on the computer. The exception is purchased content.
iTunes Store: Transferring purchases from your iOS device or iPod to a computer - http://support.apple.com/kb/HT1848 - only media purchased from iTunes Store
For transferring other items from an i-device to a computer you will probably have to use third party commercial software unless you have an older model iPod. Examples (check the web for others; this is not an exhaustive listing, nor do I have any idea if they are any good):
- Senuti - http://www.fadingred.com/senuti/
- Phoneview - http://www.ecamm.com/mac/phoneview/
- MusicRescue - http://www.kennettnet.co.uk/products/musicrescue/ - Mac & Windows
- Sharepod (free) - http://download.cnet.com/SharePod/3000-2141_4-10794489.html?tag=mncol;2 - Windows
- Snowfox/iMedia - http://www.mac-videoconverter.com/imedia-transfer-mac.html - Mac & PC
- Yamipod (free) - http://www.yamipod.com/main/modules/downloads/ - PC, Linux, Mac [Still updated for use on newer devices? No edits to site since 2010.]
- Post by Zevoneer: iPod media recovery options - https://discussions.apple.com/message/11624224 - this is an older post and many of the links are also for old posts, so bear this in mind when reading them.
Syncing to a "New" Computer or replacing a "crashed" Hard Drive - https://discussions.apple.com/docs/DOC-3141 - dates from 2008 and some outdated information now.
Copying Content from your iPod to your Computer - The Definitive Guide - http://www.ilounge.com/index.php/articles/comments/copying-music-from-ipod-to-co mputer/ - Information about use in disk mode pertains only to older model iPods.
Get Your Music Off of Your iPod - http://howto.wired.com/wiki/Get_Your_Music_Off_of_Your_iPod - I am not sure but this may only work with some models and not newer Touch, iPhone, or iPad.
Additional information here https://discussions.apple.com/message/18324797

Do the edges of a video get cut-off when added to an iMovie project?

When I view a video clip from the events library it fits in the viewer screen perfectly, i.e., the entire image appears on the screen. After adding the video clip to my project, when I play the video from the project, the edges appear to have been cut-off, i.e., my giraffe has no head. Do I need to resize the original video file? How?

Thanks for the idea. I found a solution to my problem in another discussion between KimsAZmac and AppleMan1958. If you use stabilization the image is made larger so it doesn't fit in the viewer. The solution is to turn off stabilization or use the slider on clip adjustments so the image fits the screen.
Problem solved.

Rectangle fills the browser in design view but cuts off in iphone/ipad/laptop

Similar Messages

Maybe you are looking for