Div layout breaks apart

I have created a CSS div layout contained within an overall
div so I can syle layout to a fixed width.
I have styled container "overflow: hidden" but internal divs
still break apart in IE.
I have reduced px width of center content div but that makes
no difference either.
Site URL is:
http://dstall.com/oft/
Layout should look like this screenshot:
http://dstall.com/oft/PIX/Screenshot.jpg
but in IE it's breaking apart like in screenshot2:
http://dstall.com/oft/PIX/Screenshot2.jpg

See if the below html/css helps:
<!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>Untitled Document</title>
<style type="text/css">
#wrapper {
    width: 980px;
    margin: 0 auto;
#header {
    overflow: hidden;
#headerLeft {
    float: left;
    width: 600px;
#headerRight {
    float: right;
    width: 380px;
#mainAreaWrapper {
    overflow: hidden;
#mainAreaLeft {
    float: left;
    width: 240px;
#mainAreaRight {
    float: left;
    width: 740px;
#mainAreaTop {
    min-height: 320px;
    background-color: #CCC;
    margin-bottom: 15px;
        -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
#mainAreaBlueBox {
    min-height: 250px;
    float: left;
    width: 450px;
    background-color:#09C;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
#mainAreaGreenBox {
    min-height: 250px;
    float: left;
    width: 280px;
    margin-left: 10px;
    background-color:#6C3;
    -moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
</style>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id="headerLeft">Header Left</div>
<div id="headerRight">Header Right</div>
</div>
<div id="mainAreaWrapper">
<div id="mainAreaLeft">Main Area Left</div>
<div id="mainAreaRight">
<div id="mainAreaTop">Main Area Top</div>
<div id="mainAreaBlueBox">Blue Box</div>
<div id="mainAreaGreenBox">Green Box</div>
</div>
</div>
<div id="footer">Footer</div>
</div>
</body>
</html>

Similar Messages

Fireworks generated HTML page breaking apart when text resized

What's the best way to prevent the Fireworks generated slice
gifs from breaking apart when a browser increases the text size in
IE?

#nav li {
list-style:none; }
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
==================
"AndyBute" <[email protected]> wrote in
message
news:ef5jb5$8hc$[email protected]..
> Hi,
> Thanks for the suggestions. I've rewritten the site
using a DIV layout in
> CSS.
> On small tjing that has cropped up is that I can't
remove the bullet
> images on
> my menu. Take a look at the site at
http://www.360iview.co.uk
> The bullet images are crampimg the already tight space
on the menu.
> Can you see where the problem is
>
> Thanks
>
> Andy
>
> Here's the CSS and XHTML code:
>
>
> #nav {
> list-style-image:none;
> position: absolute;
> top: 295px;
> left: 679px;
> width: 120px;
> }
> .menu a:link, .menu a:visited, .menu a:active {
> color: #FFFFFF;
> text-decoration: none;
> font-family: Verdana, Arial, Helvetica, sans-serif;
> font-variant: none;
> font-size: 12px;
> font-weight: bold;
> }
> .menu a:hover {
> color: #FF6600;
> text-decoration: none;
> }
>
>
> <div id="nav" class="menu">
> <?php page_menu(); ?></div>
>

HELLLPPP ! I have a table for navigation with rollovers that breaks apart in explorer 8

Its happy as can be in every other browser !
In explorer 8 there is also a gap above the table I cant get rid of.
The main problem iss the gaps around some of the buttons.
I think I am about to lose my freaking mind
www.thedamourmethod.com/test
www.thedamourmethod.com/test/interview.html (here I inserted a new table no roll overs / no form code still same problem )
@charset "UTF-8";
/* CSS Document */
body {
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center;
    background-color: #bc7c32;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 100%;
    background-image: url(index/bg_tile3.jpg);
    background-repeat: repeat-x;
.twoColFixRtHdr #container {
    width: 780px;
    text-align: left;
    background-repeat: no-repeat;
    background-image: url(faq/faq_bg);
    background-color: #cf974e;
    margin-top: 65px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    background-position: left bottom;
.twoColFixRtHdr #containerfaq {
    width: 780px;
    text-align: left;
    background-repeat: no-repeat;
    margin-top: 65px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    background-position: left bottom;
    background-color: #efd8b9;
    background-image: url(faq/lighter_bg_sm.jpg);
.twoColFixRtHdr #containerabout {
    width: 780px;
    text-align: left;
    background-repeat: no-repeat;
    margin-top: 65px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    background-position: left bottom;
    background-color: #efd8b9;
    background-image: url(how_it_works/how_it_works.jpg);
    overflow: hidden
.twoColFixRtHdr #containerinterview {
    width: 780px;
    text-align: left;
    background-repeat: no-repeat;
    margin-top: 65px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    background-position: left bottom;
    background-color: #efd8b9;
    overflow: hidden
.twoColFixRtHdr #containerhome {
    width: 780px;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-image: url(index/main_page_bg.jpg);
    background-color: #a86028;
    margin-top: 65px;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    padding-top: 0px;
    overflow: hidden
.twoColFixRtHdr #header {
      /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
    background-color: #a8814c;
.twoColFixRtHdr #header h1 {
    margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
    padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
.twoColFixRtHdr #sidebar1 {
    float: right; /* since this element is floated, a width must be given */
    width: 220px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
.twoColFixRtHdr #sidebar1faq {
    float: right; /* since this element is floated, a width must be given */
    width: 220px;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 15px;
    padding-left: 10px;
.twoColFixRtHdr #mainContent {
    margin-top: 0;
    margin-right: 250px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 30px;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 20px;
.twoColFixRtHdr #mainContentfaq {
    margin-top: 0;
    margin-right: 20px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 20px;
.twoColFixRtHdr #mainContent_homepage {
    margin-top: 0;
    margin-right: 0px;
    margin-bottom: 0;
    margin-left: 0;
    padding-top: 0;
    padding-right: 0px;
    padding-bottom: 0;
    padding-left: 0px;
    background-image: none;
.main_pics {
    float: left;
.paypal {
    float: none;
    margin-bottom: 10px;
    text-align: center;
    padding: 0px;
    margin-right: 0px;
    margin-left: 100px;
    margin-top: 0px;
#interview {
    float: none;
    margin-bottom: 10px;
    padding-right: 0px;
    text-align: center;
    padding-top: 10px;
.order_now {
    float: none;
    background-color: #cc9452;
    margin-bottom: 10px;
.twoColFixRtHdr #footer {
    padding: 0 10px 0 20px;
.twoColFixRtHdr #footer p {
    margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
    padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
    text-align: left;
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
    float: right;
    margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
    float: left;
    margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
    clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.twoColFixRtHdr #sidebar_home {
    float: right; /* since this element is floated, a width must be given */
    width: 250px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 15px;
    padding-left: 10px;
.twoColFixRtHdr #header2 {
    background-color: #a8814c;
    padding-top: 0;
    padding-right: 0;
    padding-bottom: 0;
    padding-left: 20px;
.twoColFixRtHdr #footer_main {
    width: 780px;
    text-align: left;
h4 {
    color: #3D0331;
    font-size: 115%;
</style>[if IE 5]>
<style type="text/css">
/* place css box model fixes for IE 5* in this conditional comment */
.twoColFixRtHdr #sidebar1 { width: 220px; }
</style>
<![endif][if IE]>
<style type="text/css">
/* place css fixes for all versions of IE in this conditional comment */
.twoColFixRtHdr #sidebar1 { padding-top: 30px; }
.twoColFixRtHdr #mainContent { zoom: 1; }
/* the above proprietary zoom property gives IE the hasLayout it needs to avoid several bugs */
</style>
<![endif]

Here's the bad news - letting a graphics application write the HTML for a production site is not a viable method. The tables produced are completely rigid and will break unexpectedly as you build your page and add content (thereby changing the 'shape' of the original layout plan). Please read this to see why that's the case -
http://www.apptools.com/rants/spans.php
The spans are what create "gaps" unexpectedly as the table tries to maintain its shape. I believe the only way to fix this is to not use that FW HTML at all.

CS6 div layout issue

http://www.lestock.ca/index.html
I am having a problem with the layouts of the divs here.
As the page loads, the curved border placed around the container appears to load as a small oval, then proceeds to load correctly but there is a small space in the top corner.
I found it necessary to place <p> tags at the end of the side bar and the container in order for the page to maintain its full content.
Thanks
Message was edited by: Pat Krushen
CSS style sheet
@charset "utf-8";
/* CSS Document */
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
background-repeat: no-repeat;
background-color: #FFF;
background-position: 0px;
top: 0px;
background-attachment: fixed;
background-image: url();
.twoColLiqLtHdr #container {
width: 80%;
text-align: left; /* this overrides the text-align: center on the body element. */
overflow: visible;
background-color: #FFFFFF;
border: thin solid #060;
border-radius: 50px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
padding-left: 15px;
.twoColLiqLtHdr #header {
background-image: url(greencorner2.jpg);
background-repeat: no-repeat;
font-size: 90%;
background-color: #FFF;
width: 100%;
padding-top: 0;
padding-right: 0px;
padding-bottom: 0;
padding-left: 0px;
.twoColLiqLtHdr #header h1 {
margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
padding: 10px 0; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
/* Tips for sidebar1:
1. since we are working in percentages, it's best not to use padding on the sidebar. It will be added to the width for standards compliant browsers creating an unknown actual width.
2. Space between the side of the div and the elements within it can be created by placing a left and right margin on those elements as seen in the ".twoColLiqLtHdr #sidebar1 p" rule.
3. Since Explorer calculates widths after the parent element is rendered, you may occasionally run into unexplained bugs with percentage-based columns. If you need more predictable results, you may choose to change to pixel sized columns.
.twoColLiqLtHdr #sidebar1 {
float: left;
width: 22%; /* top and bottom padding create visual space within this div */
background-color: #FFF;
margin-left: 15px;
background-repeat: no-repeat;
border-right-width: medium;
border-right-style: outset;
border-right-color: #060;
/* Tips for mainContent:
1. the space between the mainContent and sidebar1 is created with the left margin on the mainContent div. No matter how much content the sidebar1 div contains, the column space will remain. You can remove this left margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends.
2. to avoid float drop at a supported minimum 800 x 600 resolution, elements within the mainContent div should be 430px or smaller (this includes images).
3. in the Internet Explorer Conditional Comment below, the zoom property is used to give the mainContent "hasLayout." This avoids several IE-specific bugs.
.twoColLiqLtHdr #mainContent {
margin-top: 0;
margin-bottom: 0;
text-align: left;
float: left;
width: 23%;
margin-left: 20px;
.twoColLiqLtHdr #footer {
background-color: #060;
font-family: Verdana, Geneva, sans-serif;
font-size: x-small;
color: #FFF;
text-align: center;
margin: 0px;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 10px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-color: #090;
border-right-color: #090;
border-bottom-color: #090;
border-left-color: #090;
border-radius: 10px;
.twoColLiqLtHdr #footer p {
margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
padding: 10px 0;
/* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
float: right;
margin-left: 8px;
.fltlft { /* this class can be used to float an element left in your page */
float: left;
margin-right: 8px;
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
.menudiv {
float: left;
width: 50%;
#menudiv2 {
float: left;
width: 60%;
margin-left: 10%;
padding: 10px;
margin-right: 28%;
.fltrtintroduction {
float: right;
width: 66%;
padding-left: 15px;
font-weight: normal;
color: #333333;
#weatherdiv {
float: right;
width: 200px;
.twoColLiqLtHdr #container #header #slideshow {
float: right;
width: 70%;
margin-left: 35px;
a:link {
color: #090;
text-decoration: none;
a:visited {
color: #FC0;
text-decoration: none;
a:hover {
color: #333;
text-decoration: underline;
a:active {
color: #8E9AB0;
text-decoration: none;
#updatetable {
float: left;
width: 60%;
margin-left: 30px;
background-color: #FFF;
#updatetable table tr {
#updatetable table tr td strong {
color: #FFF;
</style>
.lightfont { font-family: Verdana, Geneva, sans-serif;
font-weight: normal;
#logo {
float: left;
width: 24%;
.current.current {
background-color: #090;
.green {
font-weight: bold;
color: #060;
Message was edited by: Pat Krushen

Replace all of the below - from your fax number to the closing </html> tag with the code marked in red
Fax: (306) 274–2110 </span>
</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><br />
</p>
<p> </p>

<h1> </h1>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<script type="text/javascript">

</script>
</body>
</html>
Fax: (306) 274–2110 </span>
</p>
</div>
<br style="clear: both;" />
</div>
<script type="text/javascript">

</script>
</body>
</html>

How do change "layout break" spacing in Pages '13?

I'm editing my resume and added some columns in. The columns look nice but the layout break spacing is way to far apart. How do I modify this? Please see the inserted image for a better idea.

Hi, I was wondering how you add a column into pages 13. I know in Pages 09 you could go to the inspector>setup>columns but how do you get there in the new Pages for Mac? Thanks

Filters gone after using "breaking apart" command

Hi there,
I spent quite a bit of time enhancing my video with filters. Then I used the "Break apart" command (Cmd-Shift-G) on some clips in order to be able to work on the audio tracks separately on those clips. Strangely those clips seem to have lost their video filters! I think this is terrible. Any advice? TY.
André Vanasse

Permanetly gone I'm afraid.... I learned the hard way too. When you break apart a compound clip, you are basically destroying it, not just "opening" it up. you have to double click it to "dive in" to the clip. I realize theres times when this isn't a good enough solution, only work around I have is to copy the clip before you destroy it, make your changes, then remake a compound clip and then "Paste Effects" this kinda does what your looking for. good luck!

My Design is breaking apart

My website breaks apart in a couple of areas when viewed in
either Firefox v3.0.3 or Safari v3.1.2, but not in IE7.
I checked the offending page in Dreamweaver but no errors
showed up.
Here are some specifics.
I created my web design in PhotoShop CS3, I sliced my site in
FireWorks CS3, then put it together in DreamWeaver CS3. I use
minimal CSS in this site, only to give margins and padding to my
paragraphs.
Here is a link to my site.
http://www.yborcafe.com
I am relative new to web design and I have never had this
problem on other sites that I have designed.
Any help that anybody can give will be greatly appreciated.
Thank you in advance.
Jimmy Meeks

great minds think alike, huh. :-)
-N
"Walt F. Schaefer" <[email protected]> wrote in
message
news:[email protected]...
> This code snippet (from your page) is the crux of all
your problems:
> 
> </head>
> <body bgcolor="#ffffff">
> 
>
> You built a site using a graphics app. They create
fragile, inflexible
code.
> That approach should be used for prototyping only, if at
all. Create your
> graphics in your graphics app, export them only as
graphics (no HTML) and
> construct your site in DW.
>
> And forget trying to create a jugsaw puzzle, it will
inevitable break
apart
> when the visitor changes a setting in their browser such
as text size. A
> properly constructed webpage will be flexible.
>
> The only salvation for your page is to start over and do
it correctly.
There
> are no shortcuts. Here is a guide:
> Taking a Fireworks comp to a CSS-based layout in
>
Dreamweaver
http://www.adobe.com/devnet/fireworks/articles/web_standards_layo
uts_pt1.html
>
> --
>
> Walt
>
>
> "JimmyMeeks" <[email protected]> wrote
in message
> news:[email protected]...
> > My website breaks apart in a couple of areas when
viewed in either
Firefox
> > v3.0.3 or Safari v3.1.2, but not in IE7.
> > I checked the offending page in Dreamweaver but no
errors showed up.
> > Here are some specifics.
> > I created my web design in PhotoShop CS3, I sliced
my site in FireWorks
> > CS3,
> > then put it together in DreamWeaver CS3. I use
minimal CSS in this site,
> > only
> > to give margins and padding to my paragraphs.
> > Here is a link to my site.
> >
http://www.yborcafe.com
> > I am relative new to web design and I have never
had this problem on
other
> > sites that I have designed.
> > Any help that anybody can give will be greatly
appreciated.
> > Thank you in advance.
> > Jimmy Meeks
> >
> >
> >
>
>

Premier 3.02 crashes when breaking apart transferred slide show

Following the instructions in a reply on the PS Elements forum, when I right click on the scene transferred from PSE to Premier Elements and right click in the menu to break apart the slide show for additional editing, after receiving a "low system memory" warning Premier eventually crashes. The error message is "Sorry, a serious error has occurred that requires Adobe PE to shut down. We will attempt to save your current project."
I'm running PE 3.02
Vista Business
3.00GB RAM
Video card AT1 Radeon HD 3450
54.3 GB free disc space
No browser or Outlook is open and have even closed PS Elements before trying to break apart the Premier scene slide.
I have had no problems, warnings, or crashes constructing a 30 minute slide show in PS Elements.

Gina,
>Open Premiere then try to begin my project in from Photoshop and get the same issue. The message from Windows says shut down due to serious error.
It is not clear to me WHEN the failure occurs in this scenario. Does Premiere Elements start up OK? Can you open a new project in Premiere Elements? And does it then fail when you have do the Send of the Slideshow from Premiere Elements?
Or like the original poster on this thread, does it fail only when you attempt to Break Apart the slide show?
And also - have you deleted or moved or renamed any of the photo files or video files included within that slide show?
A more general question - have you previously done any projects successfully in Premiere Elements?

I Can No Longer Break Apart Clip Items??

For some reason, I can no longer drag a clip from the browser to the main timeline, then lift and then proceed to break it apart into a video and seperate audio tracks. I was doing this all the time, but now this option seems to have disappeared. I tried repairing permissions... I can access the components of the clip with the "open in new timeline" option after dragging down the maintimeline and lifting, but that still doens't explain why I can't choose or shortcut to break it apart in the main timeline, when lifted, anymore??? Anyone else having this issue?
Thanks,
Dustin

Dustin, let me know if I haven't understood your post correctly.
You create a new project and set the frame rate to 23.98P
The media in your Events is 30P
From what I understand, your saying that if you drop a 30P clip in a 23.98P project, your unable to Break Apart Clip Items..?
Works perfectly fine for me.

Removing Blank Space (line) Accompanying Layout Breaks

I've used a layout break to make a portion of text two-column after a one-column section. Whatever I do, whereever I put it, the layout break takes space. It's a farily tight document, in a 10pt. font, and the line the layout break takes screws up the layout of the whole page. How can I get it to not put a whole blank line between the one-column section and the two-column section?

I might not fully understand the problem but take the paragraph break off the end of the line on the first section:
vs

Why Will Synced clips not break apart on the timeline?

I have created a number of synced clips in the evnt browser, and added them to my timeline. Now if i try to break aprt the synced clips on my timeline, it no longer allows me to in FCP X 10.0.9. What gives?

I can't reproduce this. I tried a few synchronized clips, and Clip->Break Apart Clip Items worked as expected.
Try deleting preferences.

Layout Breaks are inserting a big gap in my document

Inserting a Layout Break before and after an area of a page that needs to be in two columns leaves about 25 points of space above and below the columned area. This space is unaffected by paragraph spacing, line spacing, etc. It just occurs with the layout formatting. Why? This big gap in my document is throwing off the overall formatting. How do I make it smaller/go away? Any ideas much appreciated!
Zach

z,
You might try clicking on the Layout inspector > Layout button, and take a look at the Before setting. Reduce the number there and the space should reduce correspondingly.
-Dennis

Breaking Apart Images and Bitmaps in Color Panel

When I break apart a bitmap and use the eyedropper to sample
it and then fill in a shape, I notice that the bitmap also stays in
the color panel as a bitmap. Will this become a permanent part of
my Flash installation or is it only accessible for this file? I
opened a new file and it did not seem to appear for it. I just want
to make sure I understand the purpose of it displaying in the color
panel. What is the point of this?
Thanks.

Not sure I totally understand - the point is so you can pick
this swatch "color" again in this
document. If you delete the bitmap from the document's
library it will go away. If you open a new
doc it won't be there because the new doc doesn't contaqin
any imported/broken apart/color-picked
bitmaps.
I have to ask, what were you expecting to happen with this
particular swatch? Or rather, is there a
better workflow solution for you perhaps? Just curious.
Chris Georgenes
Adobe Community Expert
www.mudbubble.com
www.keyframer.com
www.howtocheatinflash.com
StanWelks wrote:
> When I break apart a bitmap and use the eyedropper to
sample it and then fill
> in a shape, I notice that the bitmap also stays in the
color panel as a bitmap.
> Will this become a permanent part of my Flash
installation or is it only
> accessible for this file? I opened a new file and it did
not seem to appear for
> it. I just want to make sure I understand the purpose of
it displaying in the
> color panel. What is the point of this?
>
> Thanks.
>

Quality of Image after Break apart

When breaking apart an image, there is sort of a 'residue'
attached to some parts where the image has connected.
Problem is explained with a picture below.
Picture
The image was imported from a Photoshop CS3 document which
can be found here for you reference.
Link
As you can see in the PSD there is no 'residue'.
Thanks in advance for any help anyone can offer.
- Doc

Hi,
How did you import your image into Flash. Some times this
happened in the crossed sections of the PDS layers, try to expert
your layers from photoshop as PNGs.

"Break Apart" in Premiere Pro CS6?

I created a title and then duped it. Now I want these two titles to say different things, but position and style to say the same. That's not happening. When I change the wording, it changes automatically in both places.Is there a way to do something like "break apart" in Flash?
Thank you.

Jim,
I agree completely.
When discussing the Titler and Instances of Titles (as opposed to Title Based On... ), I cite an example using the old cinema Western Title, "Meanwhile back at the ranch," used many times in a Project. Imagine having typed "Meanwhile back at the raunch," and having dozens of Instances of that Title with the typo. One quick change to any would correct that in all Instances.
Once a user gets their head around Title Instances vs discrete Titles (though Based On other Titles), it's easy to work with the Titles, at least for me.
Hunt

Div layout breaks apart

Similar Messages

Maybe you are looking for