When I add Overflow:auto;

Hello,
I am having a problem when viewing my file in DW Design View.
When I view the webpage in a browser everything look fine. The
error happens when i view the file in DW Design view. When I add
the line overflow:auto; to my container2 div that is when it breaks
my DW Design View. My width of my page gets extremely long. It
looks to me that my entire container2 div doesn't clear my
container div and gets put up right next to my container div (which
is the max width that I want).
Below is my html and css code.
HTML Code
<body>
<div id="container">Container Stuff</div>
<div id="container2">
<div id="rightside">Rightside Stuff</div>
<div id="leftside">Leftside Stuff</div>
</div>
<div id="footer">Footer Stuff</div>
</body>
CSS Code
body {
margin: 0 auto;
width:773px;
background-repeat:repeat-y;
background-color:#ECD5A4;
#container {
background:#CC9900;
height:100px;
width:773px;
position:relative;
border-bottom: 1px solid black;
float:left;
margin-top:10px;
#container2 {
clear:both;
border:1px solid black;
background-color:#FAF3DC;
overflow:auto;
#rightside {
float:right;
width:170px;
background:#6B600A;
margin: 2px 4px 2px 0;
background-color:#759EB3;
#leftside {
width:586px;
float:left;
margin: 2px 5px 0 2px;
border:1px solid black;
background-color:#F5DBB4;
padding-left:2px;
#footer {
clear:both;
float:right;
font-size:12px;
Thanks for any help!

Suggestion: Ignore the eccentricities of design view and work
in code view.
You cannot lose until you give up !!!
"esuweb" <[email protected]> wrote in
message
news:f22n45$p4e$[email protected]..
> Hello,
> I am having a problem when viewing my file in DW Design
View. When I view
> the
> webpage in a browser everything look fine. The error
happens when i view
> the
> file in DW Design view. When I add the line
overflow:auto; to my
> container2
> div that is when it breaks my DW Design View. My width
of my page gets
> extremely long. It looks to me that my entire container2
div doesn't
> clear my
> container div and gets put up right next to my container
div (which is the
> max
> width that I want).
>
> Below is my html and css code.
>
> HTML Code
>
> <body>
> <div id="container">Container Stuff</div>
>
> <div id="container2">
> <div id="rightside">Rightside Stuff</div>
> <div id="leftside">Leftside Stuff</div>
> </div>
>
> <div id="footer">Footer Stuff</div>
> </body>
>
> ////////////////////////
>
> CSS Code
>
> body {
> margin: 0 auto;
> width:773px;
> background-repeat:repeat-y;
> background-color:#ECD5A4;
> }
>
> #container {
> background:#CC9900;
> height:100px;
> width:773px;
> position:relative;
> border-bottom: 1px solid black;
> float:left;
> margin-top:10px;
> }
>
> #container2 {
> clear:both;
> border:1px solid black;
> background-color:#FAF3DC;
> overflow:auto;
> }
>
> #rightside {
> float:right;
> width:170px;
> background:#6B600A;
> margin: 2px 4px 2px 0;
> background-color:#759EB3;
> }
>
> #leftside {
> width:586px;
> float:left;
> margin: 2px 5px 0 2px;
> border:1px solid black;
> background-color:#F5DBB4;
> padding-left:2px;
> }
>
> #footer {
> clear:both;
> float:right;
> font-size:12px;
> }
>
> Thanks for any help!
>

Similar Messages

Why Can't I Add Overflow, Auto

Each time I try to add "Overflow, Auto" to Div 4 in the following code, it picks up the bottom three Div's, 5, 6, & 7. Can I not do this? I wanted to have it so sometimes I can add information larger than 500px in height. See code:
<!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>master</title>
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<body>
<div align="center">
<div id="apDiv1">
    <div id="apDiv2">
      <div id="apDiv3">
        <div id="apDiv4">
          <div id="apDiv5">
            <div id="apDiv6">
              <div id="apDiv7"></div>
            </div>
          </div>
        </div>
      </div>
    </div>
</div>
</div>
</body>
</html>

I'm not sure I understand your page...you have all your APdivs totally nested one within the other.
Unless you have a good reason to do this nesting, that is what is throwing you off. Because you had styled APdiv4 to be height: 500px, when you made overflow: auto;, the page immediately sensed that you had more than 500px in height (adding in the heights of the other nested divs).
I recommend you recode your APdivs to be relative divs...they will be much more cooperative.
Here's a quick and dirty attempt (bold is additions or commented code):
<!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>master</title>
<style type="text/css">

</style>
<script type="text/javascript">

</script>
</head>
<body>
<div align="center">
<div id="apDiv1">
    <div id="apDiv2">this is 2</div>
      <div id="apDiv3">this is 3</div>
        <div id="apDiv4">this is 4</div>
          <div id="apDiv5">this is 5</div>
            <div id="apDiv6">this is 6</div>
              <div id="apDiv7">this is 7</div>
</div>
</div>
</body>
</html>
I have commented out some of your CSS and added some (you will recognize what is new). Notice that I have also closed every div after restyling them as Relative and some of them as Floating divs.
Beth

Having several problems with Adobe Premiere Elements 13. Right now my worst is that when I add text to a clip, it goes out of "auto color" while the text is up. Help?

I'm having a number of problems with Elements 13. One is that, while in "play" mode, the sound will just stop happening. I have to click "pause" then "go" again and the sound comes back. It also stops playing on it's own, I have to hit "play" repeatedly. Just got the software, have been using it extensively for a week or two, and this just started happening.dor
Now today, when I add text to a clip, it drops out of "auto color" while the text is visible in the clip, then back into auto color when the text is gone. Any suggestiosn?

nikovichb
If we are looking at the same thing, you have called attention to one strange Premiere Elements 13 AutoColor/Titler interaction. This can be reproduced in the Expert or
the Quick workspace. I will demo this in the Quick workspace since that is where you have been working.
1. Import a still into the Quick workspace/Filmstrip.
2. With the still selected, go to Adjust Tab/Adjustments Palette/Color Panel expanded and just click on the Auto Color Tab. Close the Adjust Tab route.
3. Go to Text Menu/New Text/Default Text to open the project's Titler. When you do that you see the following and not the still over which the text title is to go.
And when you close the Titler, you then see the "Add Text" text title in the still.
The only solution that I can think of at this time is to create the text title and then apply the Auto Color to the still.
It is interesting that this only happens with the Auto Color in the Color Panel selected. If you do not click on
Color Panel and use the More options for Color adjustments, this behavior does not take place.
Deletion of Adobe Premiere Elements Prefs file does not correct this situation.
As for
I'm having a number of problems with Elements 13. One is that, while in "play" mode, the sound will just stop happening. I have to click "pause" then "go" again and the sound comes back. It also stops playing on it's own, I have to hit "play" repeatedly. Just got the software, have been using it extensively for a week or two, and this just started happening.dor
I think that here we need to explore project settings (project presets), properties of source media, and Timeline rendered and unrendered content prior to export.
Please review the above
a. verify if the Auto Color Text Title glitch that I saw is what you described in your situation
b. give the details of your project so that we can explore cause and effect for Timeline content playback irregularities as seen in the Edit area monitor.
Thanks.
ATR

My nephew and I use the same iTunes account and when I add an app it is loaded on to his iPhone and vice versa... How do I make that stop?

My nephew and I use the same iTunes account and when I add an app it is loaded on to his iPhone and vice versa... How do I make that stop? I have already unchecked the "Auto Update Apps" button. It happens with all purchases in the app store and on iTunes. HELP!

I also think separate accounts is the way to go....if he is over 13yrs also remember if you do make an account for him and use your bank card all purchases will be charged to your card.

Why do I get Spaces when I add a new line?

Finally broke down and have retired HomeSite+. Not sure that is a good idea though... A few things are bugging me about ColdFusion Builder 2 such as:
I have auto indent turned on for tabs only and a tab is set to 3 spaces wide. I have done this in every editor setting under Preferences (ColdFusion, General, HTML, and Java) yet if the line I am working on has more than one tab as an indent every time I press return I get 3 spaces in place of one of the tabs. How do I make that go away???
In my CFML Formatting Profile I have Tag Case and Attribute Case set to upper case yet they always show up lower case. How do I fix that?
More often than not when I type a closing angle bracket on a line (>) the ending tag does not appear, and when it does it is always lower case and not upper case.
Now I remember why I stuck with HomeSite for as long as I did. It worked the way it was supposed too!!! :O
Seriously, I know these are trivial types of things but I am pretty anal when it comes to the formatting aspects of my code and CF Builder is making it harder to do than it should be. Any help at all would be appreciated!!!

The more I use ColdFusion Builder 2 the more I miss HomeSite. The list of undesirable features for this POS development grows daily along with my frustration!!! If Adobe is serious about being a player in the development space then they need to fix their development environements!!! h is every time I
My latest ***** is every time I open up my preferences and select ColdFusion -> Profiles -> Editor -> Formatter it hangs. Great thanks...
Let see I now get ending angle brackets every time I type in a variable for things like CFLOOP but it doesn't add the </CFLOOP> unless I first delete the > that it put in first. When it adds </CFLOOP> it is lower case even though I want it upper case. Weired thing is when the closing </CFQUERY> tag is addded it is upper case.
Can you guys just bring back HomeSite please??? That was a solid development environment that worked!!! Or should I just give up on CF??? After a decade plus of developing in CF I am getting close to never using it again!!! And this POS development environment is a big reason why!!! >:(

Use of "overflow:auto" in a div vs a table

Pest is back.
I am building pages where there are potentially VERY long tables, and I only want them to take up "X"px of vertical space.
Using a <div> to surround the table, adjusting the height and width of the <div> to whatever I want has been VERY successful -
no problems, can use it anywhere, feel comfortable.
Recently, I've learned from this forum that <div>s should only be used when really necessary,
and I've been able to get rid of many of my <div>s - except on tables that scroll.
Recently did an experiment with a <div> around a LOOOOONG table - worked fine.
Then I removed the <div> and added the "overflow:auto" to the table style with various
table heights selected.
I've done the experiment with and without "table-layout:fixed" - no luck.
Here's the <style> portion:
table.scrolltable {
    table-layout:fixed;
    height:100px;
     width:640px;
    border:2px solid #000;
    cellpadding:1;
    background-color:#DCF1F8;
    margin-left:1%;
    margin-right:1%;
    overflow:auto;}
table.scrolltable td {
     text-align:center;
    border:1px black solid;
Questions:
1. Is it possible to effectively use "overflow:auto" directly on a <table> layout?
2. If yes, what should I change in the above style?
And again, I thank you in advance.

"Division-itis (excessive overuse of divs for every element) should be avoided. But Jon is right, divisions are a basic and necessary part of HTML. You must use them.
Vertical Scrolling Table (this is how I do it)
http://alt-web.com/DEMOS/vertical-scrolling-table.shtml
Nancy O."
I think I'm getting a better feel for <div>s.
Thank you VERY VERY much for your "trade secret" on the scrolling table.
I've put it together and it works great!
Super!
Thanks!
PS - And the other teaching point is the "overflow-y" - more to study! Thanks again

When I add some code like the below to a webpage

sometimes when I add some code like the below to a
webpage[dwmr mx 2004 or cs4], the page destroyed/currupted like the
css missing[is inside a template], well I think page stills
displays ok online but in "design view" default fonts appear etc
destructions, well how I recover page just prior entered the code ?
<input name="st" type="hidden" value="<?=
isset($_GET['sort'])?$_GET['sort']:(isset($_GET['price'])?'price':(isset($_GET['popular'] )?'popular':(isset($_GET['wd4'])?'wd4':(isset($_GET['salon'])?'salon':(isset($_GET['manual '])?2:1)))));
?>" />
<script type="text/javascript">
function highlightTableCells()
document.getElementById('cars').style.backgroundColor='#00CC66';
switch(document.getElementById('st').value)
case "price":
document.getElementById('price').style.backgroundColor='#00CC66';
break;
case "2": //manual
document.getElementById('manual').style.backgroundColor='#00CC66';
document.getElementById('manual2').style.backgroundColor='#00CC66';
break;
case "1":
document.getElementById('auto').style.backgroundColor='#00CC66';
document.getElementById('auto2').style.backgroundColor='#00CC66';
break;
case "salon":
document.getElementById('salon').style.backgroundColor='#00CC66';
document.getElementById('salon2').style.backgroundColor='#00CC66';
break;
case "wd4":
document.getElementById('wd4').style.backgroundColor='#00CC66';
document.getElementById('wd42').style.backgroundColor='#00CC66';
break;
case "0":
document.getElementById('all').style.backgroundColor='#00CC66';
break;
case "popular":
document.getElementById('popular').style.backgroundColor='#00CC66';
document.getElementById('popular2').style.backgroundColor='#00CC66';
break;
case "4wd":
document.getElementById('wd4').style.backgroundColor='#00CC66';
document.getElementById('wd42').style.backgroundColor='#00CC66';
break;
case "mpvs":
document.getElementById('mpvs').style.backgroundColor='#00CC66';
break;
case "cabrios":
document.getElementById('open').style.backgroundColor='#00CC66';
break;
case "a":
document.getElementById('a').style.backgroundColor='#00CC66';
break;
case "b1":
document.getElementById('b1').style.backgroundColor='#00CC66';
break;
case "b2":
document.getElementById('b2').style.backgroundColor='#00CC66';
break;
case "c":
document.getElementById('c').style.backgroundColor='#00CC66';
break;
case "d":
document.getElementById('d').style.backgroundColor='#00CC66';
break;
case "d1":
document.getElementById('d1').style.backgroundColor='#00CC66';
break;
case "e1":
document.getElementById('e1').style.backgroundColor='#00CC66';
break;
case "e2":
document.getElementById('e2').style.backgroundColor='#00CC66';
break;
case "f":
document.getElementById('f').style.backgroundColor='#00CC66';
break;
case "g":
document.getElementById('g').style.backgroundColor='#00CC66';
break;
case "h1":
document.getElementById('h1').style.backgroundColor='#00CC66';
break;
case "h2":
document.getElementById('h2').style.backgroundColor='#00CC66';
break;
case "i":
document.getElementById('i').style.backgroundColor='#00CC66';
break;
case "j":
document.getElementById('j').style.backgroundColor='#00CC66';
break;
case "k1":
document.getElementById('k1').style.backgroundColor='#00CC66';
break;
case "k2":
document.getElementById('k2').style.backgroundColor='#00CC66';
break;
case "n":
document.getElementById('n').style.backgroundColor='#00CC66';
break;
case "p1":
document.getElementById('p1').style.backgroundColor='#00CC66';
break;
case "p2":
document.getElementById('p2').style.backgroundColor='#00CC66';
break;
case "s":
document.getElementById('s').style.backgroundColor='#00CC66';
break;
case "u":
document.getElementById('u').style.backgroundColor='#00CC66';
break;
</script>

Take a look at a previous thread on this topic: http://forums.adobe.com/message/5099353

I updated Fox fire and I have lost the add on auto dial .. I have tried to redown load the add on and it does not appear on my menu bar..

I had the add on auto dial then there was a Firefox upgrade and auto dial disappeared from my menu bar. I have tired to redown load auto dial. It says that it will be added when I restart Firefox. I restart in auto dial does not reappear.

It is almost as if the program does not exist on my computer. If I search for it, the only thing that comes up is the installer. I cannot find it anywhere despite the fact I have installed it numerous times, uninstalled it and conducted a fresh install, and the Adobe website checks says that it is installed.

Indesign crashes when I add a specific indd

win 7 sp3 - 17-2600 cpu, 12gig ram
I am building a book of multiple indd files (chapters).
when I add a particular indd file, indesign crashes.
this happens in both cs5, when add the file built in cs5
and it happens in cs6, when I add the file opened and resaved using cs6.
it happens if it is the 2nd or 5th indd file.
it does not happen if it is the first file to add to the book.
however, it typically crashes if I add a second indd file, and always crashes if I try to move any other indd file "before/above" it in the book, it crashes.
The file opens fine if I open it on its own. it is only 22 pages and many of the other chapters are 40-70 pages.
it is set to auto page # and auto chapter #.
Any ideas on what I can fix in the file so I can include it in my book!?
thanks!

I haven't done a Book in CS6 yet, but I'm starting to wonder if there might be some sort of bug (not extremely likely, but....) that's new. We had another post yesterday where ID crashed when trying to move a particular file into the chapter 5 position.
Can you add this file first, then move it to the correct spot after the other files are added?

Add an auto incremental value to TITLE field.

Hi, i am currently working on a custom list in SharePoint 2010 and there is a title field. I would like to append an auto incremental variable to "Request" to make it look like:
Request 1
Request 2
Request 3
and so on...
As you can see below, i tried to use the calculated value Request+ID, but it didn't work out. So is there anyway to solve this problem?
<input name="ctl00$m$g_0bb0fcf5_65ea_4af9_ba76_7c0babad1a82$ctl00$ctl05$ctl00$ctl00$ctl00$ctl04$ctl00$ctl00$TextField"
type="text" value="[Request-]&[ID]"
maxlength="50" id="ctl00_m_g_0bb0fcf5_65ea_4af9_ba76_7c0babad1a82_ctl00_ctl05_ctl00_ctl00_ctl00_ctl04_ctl00_ctl00_TextField"
title="Title" class="ms-long ms-spellcheck-true" /><br />

Hi andylow,
You can also accomplish this without using a workflow but with a custom form on your list. To do this take the following steps:
Make sure that the title field of your list is not a required value
When you're in the list, click on the List tab in the ribbon
There select "Customize Form"
Your form will now open in InfoPath. In the right hand menu you will see all your data fields.
Make the Title number field "Read Only". To do this right click the field, select properties, click on the second tab and select Read Only
In the menu bar, click on Manage Rules
Now click the Data tab in the menu and select Sumit Options
In the menu that opens select the option to run rules before submit
Now there will be a button available in the menu for Submit Options, click on that
Now you can add rules and actions on the submit action
Create a new Action rule and call it Initial Save
As condition for the rule, set the condition that the Title field must be blank
The first action of the rule will be to Submit the form. When the form is submitted it will be assigned an ID, before that will be blank
Now add an Action to set a fields value.
Select the Title field as the field to set
You can set a hard coded value for the value to set but you can also click the function button, click on that
Now another window opens where you can add fields, functions etc.
Now first select the concat function from the function menu
Then double click the first link in the resulting function and type Request
Now double click the second link and select the ID field
Now get rid of the last remaining arguments in the concat function
Click OK until you're back in InfoPath
Now set one more action to submit the form again
Now ad a second rule and call that Edit
As condition for the rule, set the condition that the Title field must be not blank
Add the Submit Form action for this rule
Now you can publish your form with the Quick Publish button. This is a Blue circle with a white upward arrow and a lightning bolt next to the save button in the top menu bar.
Now when you add a new item and save it, the title will be set to Request&ID. When you edit the form no changes will be made.
Cheers,
Eduard Spelier

TS3999 When I add events to my calendar on my mac, they do not show up on my iPhone, however; when I add events on my iPhone, they do show up on my mac... why do they not go both ways?

When I add events on my iphone calendar, they show up on my mac, but when I add events to my claendar on my mac, they do not show up on my iphone, why not?

Is this calendar labelled On My Mac or iCloud in the sidebar?

When I add new music to iTunes, it doesn't appear under artists or anywhere else in library.

The other night, I tried adding a bunch of music that I had sitting on my Seagate external hard drive to my iTunes library, which is also located on my external. I attempted to add around 1,500 songs at once. It was giving me problems at first and only added some of the music so I tried again. Now I have a problem.
When I add new music, iTunes only recognizes that I added it after I close iTunes are restart it. But then, the music doesn't show up under artists or anything. The new music shows up under the Recently Added smart playlist, the folder is located in the iTunes library, and when you search for the music it says its there, but it's not under artists or in the song list or anything.
Example:
1. Added music from Abandon All Ships! (who I didn't have before), but they don't show up under artists despite the fact that iTunes says the music is there.
2. Added music from Whitechapel (who I had before), but the album doesn't show up with the rest.
Hopefully this makes sense the way I explained it. It's all rather frustrating.

Hello transcend94,
Thanks for using Apple Support Communities.
For more information on this, take a look at:
Where are my iTunes files located?
http://support.apple.com/kb/ht1391
iTunes: Understanding iTunes Media Organization
http://support.apple.com/kb/ht3847
Avoid using different versions of iTunes, or you may be unable to locate content, or may import or transfer content to the wrong location.
Best of luck,
Mario

When I add stuff to my computer google calendar, it syncs with iphone and ipad, but when I add stuff to ipad or iphone, it doesn't sync. How do I fix this

When I add stuff to my computer google calendar, it syncs with iphone and ipad, but when I add stuff to ipad or iphone, it doesn't sync with the other calendars. How do I fix this?

I have iPad 2 and I am having same problem since I updated to iOS 5. All we can do it is rotate it from computer

Firefox 3.6.8 crashes when accessing Add-on Manager and Google Toolbar (v 7.1.20100723W) is enabled

Well, as I said, Firefox 3.6.8 crashes when accessing Add-on Manager and Google Toolbar (v 7.1.20100723W) is enabled. This is on a 2010 white unibody macbook. I have a google toolbar, and all of a sudden, it keeps saying that it can't communicate with the toolbar. Now, I can't even uninstall it because whenever I go to the add on manager, it says there's an 'unresponsive script'. Could anyone help me? Thanks.

I fixed it by running in Safe Mode, and uninstalling Personas. Thanks again!

Osx 10.7.4 safari 6.0 when I add a new bookmark to the "bookmarks menu" it is added somewhere in the middle instead of at the end of the list. this just started a few days ago after an update. Has anyone else noticed this?.

osx 10.7.4 safari 6.0 When I add a new bookmark to the "bookmarks menu" it is added somewhere in the middle instead of at the end of the list. This just started a few days ago after an update. Has anyone else noticed this?.

Just for those who are interested, this is what cleared the "bookmark menu" trbl I had.
Open System Preferences > iCloud
Deselect the box next to Bookmarks, then reselect it.
Quit and relaunch Safari. Try a bookmark again.

When I add Overflow:auto;

Similar Messages

Maybe you are looking for