Help! Divs will exceed of parent container! Compensation doesn't seem to work!

My 'mainContent' div extends beyond the DIV 'container '. It seems that I have tried everything - compensation doesn't seem to work.

Help!

Here is my css:

@charset "UTF-8";
/ * CSS document * /.
{body
margin: 0; / * It is advisable to zero, the margin and the filling of the body to hold element has a different default browser * /.
padding: 0;
text-align: center; / * This centers the container in IE 5 * browsers. The text is then set left aligned by default in the #container selector * /.
Color: #000000;
do-family: Arial, Helvetica, without serif.
do-size: 100%;
background-color: #FFF;
}
.twoColFixRtHdr #container {}
Width: 960px;  / * using the less than a width 20px full 800px allows for chrome browser and avoids a horizontal scroll bar * /.
background: #FFFFFF;
text-align: left; / * This setting overrides the text-align: center on the body element. */
do-family: Arial, Helvetica, without serif.
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
left margin: auto;
Top: 10px;
padding-top: 10px;
Clear: both;
}
.twoColFixRtHdr #header {}
height: 180px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 5px;
border-left-width: 0px;
border-top-style: solid;
border-bottom-style: solid;
border-bottom-color: #999;
border-bottom-color: #000;
top of the margin: 5px;
margin-bottom: 0px;
}
.twoColFixRtHdr #container #sidebar1 img {}
padding-top: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #999;
margin-bottom: 0px;
padding-bottom: 10px;
padding-left: 10px;
}
.twoColFixRtHdr #header h1 {}
margin: 0; / * zero setting of the margin of the last element in the #header div tag will prevent the collapse of margin - inexplicable space between divs. If the div has a border around it, this isn't necessary, which also allows to avoid the collapse of margin * /.
padding: 10px 0; / * padding instead of margin will allow you to keep the edges of the div element * /.
}
{.twoColFixRtHdr #sidebar1}
Width: 315px;
padding: 0px;
top: 200px;
float: right;
}
{.twoColFixRtHdr #mainContent
Width: 643px;
padding-top: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
overflow: hidden;
top: 230px;
position: absolute;
Clear: right;
}
.twoColFixRtHdr #footer {}
background: #DDDDDD;
top: 50px;
Clear: both;
padding-top: 0;
padding-right: 10px;
padding-bottom: 0;
padding-left: 20px;
}
.twoColFixRtHdr #footer p {}
margin: 0; / * zero setting the margins of the first element in the footer will avoid the possibility of the collapse of the margin - a space between the div tags * /.
padding: 10px 0; / * padding on that element will create space, just as it would the margin, free margin collapse question * /.
}
.fltrt {/ * this class can be used to float right to the item in your page.} The floating element must precede the element it should be next to the page. */
float: right;
left margin: 8px;
}
.fltlft {/ * this class can be used to float an element on your page to the left * /}
float: left;
right margin: 8px;
}
.clearfloat {/ * this class must be placed on an element div or break and should be the last item before closing a container should completely contain a float * /}
Clear: both;
height: 0;
font size: 0px;
line-height: 0px;
}

{.spacer}
Clear: both;
}


.twoColFixRtHdr #container #mainContent #article_main_head {}
do-family: Arial, Helvetica, without serif.
Top: 10px;
Width: 635px;
float: left;
}
.twoColFixRtHdr #container #mainContent #article_img {}
Width: 630px;
float: left;
margin-top: 10px;
Clear: both;
}
.twoColFixRtHdr #container #mainContent #article_main_txt {}
float: right;
Width: 450px;
Clear: both;
padding-top: 10px;
height: 500px;
}
.twoColFixRtHdr #container #mainContent #article_main_pq {}
Clear: both;
float: left;
Width: 180px;
top of the margin: 100px;
}

Here is my html code:

lotus_magazine_tagline
lotus_magazine_logo         lotus_magazine_issue1

Donec EU mi sed turpis feugiat feugiat. Integer turpis arcu, pellentesque eget, cursus and fermentum ut, sapien. Surpassing metus mi, eleifend sollicitudin molestie id, varius, and nibh. Donec nec libero.

Loading news. Please wait...
lotus_main_article
Loading news. Please wait...
Loading news. Please wait...

This CSS sends a red flag:

{.twoColFixRtHdr #mainContent


Width: 643px;
padding-top: 10px;
border-right-width: 1px;
border-right-style: solid;
border-right-color: #999;
overflow: hidden;

}

/ * REMOVE THE TEXT FOLLOWING * /.
top: 230px;
  position: absolute;
     Clear: right;

Nancy O.
ALT-Web Design & Publishing
Web | Graphics | Print | Media specialists
http://ALT-Web.com/
http://Twitter.com/ALTWEB

Tags: Dreamweaver

Similar Questions

  • The left side of my headphones is stronger than the right side, I tried the L and R slider in the settings, but it doesn't seem to work! Help, please

    On the side of my ear legt is stronger than the right side and I tried the L and R slider in the settings but it doesn't seem to work! Help, please!     BTW, I have the iphone 6 sec more

    Left *.

    earphone *.

  • I've updated my information of payment more than four times, but my annual creative cloud plan doesn't seem to work? It is said that it will update within 24 hours after I update, but it seems to never work.

    I've updated my information of payment more than four times, but my annual creative cloud plan doesn't seem to work? It is said that it will update within 24 hours after I update, but it seems to never work.

    Hi Nick, your prepaid subscription expired more than a month, then I recommend you to buy a new creative.adobe.com/plans plan

    For questions about billing, it is best to contact the Adobe Support first to ensure that we can sort on the side account prior to troubleshooting, etc. Let me know if you have any questions!

  • We just did the last Illustrator updated, and now Illustrator will not start, restart the mac doesn't seem to help, all of the problems after the update?

    any help is welcome, we lack the latest version of mavericks, first, that we have problems...

    Tim,

    Here is the update of Extensions suitcase 5 that may solve the problem.

    http://www.Extensis.com/support/product-support/Suitcase-Fusion-5/

  • HELP function - new VI doesn't seem to work in built Application

    My Application is designed to coordinate several separate test (16) of control stations. Test stations can operate independently. I have a Test Manager application that starts the execution independently Test Runner live when the user has selected a test to be performed and the conditions to run with. There may be 0 to 16 Test Runner screws running at any given time. Each Test Runner VI uses the same model code of Test Runner.VI but is given a unique name based on a randomly generated GUID. I use a sequence of the function again, VI, VI. FP. Open and VI. Run VI to create the VI based on the template, give it a unique name and then launch it to run independently. Fragment JPG see attached.

    This design works perfectly well when it is used in the LabView 2010 development environment. But it does not work when I build the Test Manager as an EXE application. There is no errors generated, but the new VI is not launched, and I think that one of the functions of the sequence never returns. I don't know if the new VI is created or not.

    Does anyone know how to change this option so that the screws news can be created, unique, named and launched, it will work properly, regardless of if the creation VI runs either development (for debugging) or as a built application?

    Because of the sequence of the new VI, VI. FP. Open and VI. Pass the VI when used in a built application? Is there another method that will strive to meet this need?

    Is there a function in LabView that will launch an exe as WinExec done? Maybe I can use it.

    Thank you VERY MUCH for any advice.

    'New VI' is scripting.  It is blue. Scripting is explicitly not accessible at run time.

    what you want is 'Open VI référence' on a VI that is configured for the execution of reentry, with appropriate options defined in the properties of the VI and wired at the entrance to the REF VI open node Options (you want to 0x08 to returning with placeholders for data).  You can use a .lives, but this is not what they are for.

    Take the time to read the help file for reference VI open, it'll be worth it.

    other comments:

    Use the method fp.open, not property.

    "Auto has Ref" = true acts more like a standard VI call: LV will automatically close the ref when the called VI is idle.

  • I need to restore my computer to the 21st of this month, but it doesn't seem to work and the steps of my vista tells me are terribly detailed could someone please help me with this

    When the start of the Restore Wizard, it asks me to use a current restore point or create a new but Ive tried several times to create an and I can't seem to get my computer back to the 21/08/11

    Hi Colin,

    The simple answer is that you use a current restore point.  It may or may not be a box on the screen that should be checked to show more than 5 days, points of restoration (depending on your version of Windows).  Then you select either the 21/08/11 if there is one closest prior to that (if it exists).

    When you create a restore point you create one for the computer as it exists now.  It cannot create one for a date in the past.  Either you have a course available, you will need to use another that always meets your needs or it can be done.

    This is the best tutorial on system restore I found and can help you: http://www.vistax64.com/tutorials/76905-system-restore-how.html.

    I hope this helps.

    Good luck!

  • 80070490 error continues to come and the tool doesn't seem to work please help.

    I get this error when I try to install my updates. 80070490 please help

    You receive an error code "0 x 80070490" when you use Microsoft Update or Windows Update Web sites to install updates

    ....... If the system update readiness tool solves the problem, you will need repair Windows. .....

    http://support.Microsoft.com/default.aspx/KB/958044?p=1>

    04/07 / 1109:52: 28 pm

  • Help please with the help of the clone tool.  It doesn't seem to work on my SP6.

    I opened the photo, choose the key clone, alt and clicking on an area I wanted to clone, stir then on the area I want to get rid of clicked with my mouse, but nothing happens.  What I am doing wrong?

    Thanks for posting a screenshot. It shows the problem immediately.

    Because you are cloning to an empty layer, you will need to change the clone of current and current option below or all layers.

  • My backspace key is very slow in removing letters - you must press to delete one letter at a time - can anyone help? Also the arrows left and right do not seem to work

    The BACKSPACE on my keyboard is only remove a letter at a time after pressing the button several times and wait between pressing the button to erase the letters. None of the answers anyone?

    You can try to uninstall the keyboard in the Device Manager

    and restart windows, then reload the material.

  • have windows on Vista Developer, tried to install Windows DVD maker but doesn't seem to work, cannot publish the movie on DVD HELP

    I have the windows Director, went to Microsoft and tried to download Windows DVD maker but does not appear to have installed despite me try it 3 times, all I want to do is publish a movie!

    On Vista, Windows DVD Maker requires that you have Windows Vista Home Premium or Windows Vista Ultimate Edition.  If you have one of these versions, you should already have Windows DVD Maker and Windows Movie Maker 6.0.  These versions of Windows Vista are required to have copies under license from MPEG-2 to make a video DVD.

    I was not aware of a separate installer for Windows DVD Maker, so I suspect you look at something of a 3rd site part. If it is a Microsoft site, can provide you the address you use?

  • Scaling of object doesn't seem to work properly with objects that contain Bézier curves

    I created a closed object which had a Bezier curve as part of its definition. I wanted to scale of 110% and then to use this second object expanded to create a sort of background under the first object to create a sort of a shadow effect. But rather that the second purpose being uniformly superior to the first intersection with the original object in a way that does not make sense to me.

    Is there a more easy/different way to create an effect like that? I can do but have to manually adjust a large number of points in the new object so that they create a uniformly larger version of the original object, but it's a lot of effort for something that works very well for regular polygons with straight lines (for example, a star with 5 points).

    Thanks for any suggestions or ideas.

    -Bubba

    PS - I've attached a picture of what I get with this technique to create two examples of two objects, one a 110% of the other version. The first star shows the effect I'm trying to get, and the second shows the problem (the red border around not the black object evenly around the perimeter)

    Illustrator_bezier_bug.jpg

    Try to use a shift instead of trying to evolve.

  • Float for parent - DW compensation container is not displayed

    When I use one of the methods of the float of compensation for a parent container that has other elements floating inside, it seems to work fine in FF and IE. But it shows never correctly in DW Design view. Instead, he just keeps showing the parent container is collapsed.

    Is there some setting DW I can change to make it display correctly? It is difficult to really know what is happening when it displays like this.

    Thank you...

    -Jesse

    JesseLY wrote:

    Thanks, Osgood. Here is a link to a test page.

    http://www.jesseyoung.com/tests/float_test/

    It appears well in FF and IE, but watch the outside container collapsed in the DW design view.

    -Jesse

    Hi Jesse

    Change overflow: auto; to overflow: hidden; the CSS "wrapper" as below. This method works only in design mode DW CS4.

    If you have an earlier version of DW, then you will need to use the
    method in the code if you want the correct rendering in Design to display (see below)

    {#wrapper}
    border: 5px solid purple;
    padding: 10px;
    overflow: hidden;
    Width: 700px;
    background-color: white;
    }

    Insert the
    After the last floating element (as below)



    Also you seem to have a tag 'no' at the end of the code.

  • Problem with DataGrid scroll... Does not fit in the Parent container...

    Hi all

    I have a module and module contains only a datagrid. I add this module to dynamically navigation tab in the next index. I use Text as a converter of item in the DataGrid, and the row height will change according to the diplyed of the text data. When the data fill in datagrid datagrid beyond layout containers. That is, height is not suitable in the parent container. I use the canvas as parent container... Please find below the attached photos and you will get to know what is my problem?

    problem.jpg

    problem2.jpg

    Please, help me out of this problem... It is urgent...

    I don't know what your code looks like, so it is difficult to say what exactly

    It is.

    It may be that you do not assign minHeight = '0' on the DataGrid control.

    Validation code a simple test case will help us to understand what is wrong.

  • the words "how much" in any sentence will change the information contained in the typed in the field when it is selected on

    help I created a pdf form that is sent to the few hundred people very few will accept something very strange is happening when people try to fill it.  If the words are together in any sentence the field will change the information contained in the typed in when it is clicked on. If the 7 is entered in the field once on it out of the chaanges filed for view '0'.  23 or 230 happens every time.   This does not happen when if the form is opened in Adobe reader or Adobe Pro, but it seems for the most part that it opens in the browser, which is where it is filled.

    Thank you for any assistance.

    Many browsers have their own PDF plugins now that are used by default, and are unfortunately very bugs, especially when it comes to scripts and form fields. There is nothing much we can do about it, except for sending complaints to the manufacturers of these plugins and ask your users to avoid their use by saving the file and open it in Adobe Reader (or Acrobat) directly instead of inside the browser window.

    PS. the same also applies to the application overview of Apple.

  • overlapping divs, but lies in the container 960px & other is full screen width

    Hello

    I would ride two divs, however, DIV 1 is limited within the Global packaging/container to main content 960px. DIV 2 (a flat background color), I want outside of the main envelope, so it extends from edge to edge of the (perfectly adapted) screen. DIV 2 must also be placed completely behind DIV 1 so that the background color corresponds to what lies behind the content of the DIV 1. I have everything in place, but 2 DIV is stackable in DIV 1.  ~ From what I've read, it seems that I have to add an absolute position in the #2 DIV... But how can they relate if DIV 2 is outside most "pregnant"?

    Can be a way to combine the two rules effectively?

    {#div1Container}

    background-color: #e7e5e1;

    Width: 100%;

    height: 390px;

    padding-top: 50px;

    padding-left: 20px;

    padding-right: 20px;

    }

    {#div2ContainerFullWidth}

    Width: 100%;

    background-color: #e7e5e1;

    height: 390px;

    z index:-999;

    }

    .. .view html below...

    < div class = "gridContainer clearfix" >

    < div id = "LayoutDiv1" >

    < div id = "div1Container" > blah, blah, blah < / div >

    < / div > < / div >

    < div id = "div2ContainerFullWidth" > < / div >

    Thank you!

    Collar-xs-12

    A "Bootstrap" page is divided into 12 columns by default. You can set the number of columns you want your item to occupy and for what screen size. For example, the class above tells the browser that for extra sMall, the element should have 12 columns. The 12 columns will be apply for any screen larger than very small.

    If you want that element occupies 6 columns (2 side by side) for small screens, her resemble the class

    12-xs-col col-sm-6

    or, and I'll leave the explanation for you answer

    Collar-xs-12, col col-sm-6-lg-4

Maybe you are looking for

  • Envy5640: printing from iphone

    I thought I'd try my iphone as a print suggests the presentation text I've read when to link my new Prinier5640 want. I went through all of the instructions that appear on the HP site, but when I got to the last point which is PRINT... nothing to PRE

  • Can not send mail from Safari

    I just encountered a problem send Safari Web pages by e-mail. When I click on the ticker symbol on the page of Safari (top right between 'view downloads' and 'show all tabs') and click on "Send this page" the messaging app opens but no email appears

  • System UI Tuner for quick settings

    Hello So, recently, I upgraded to 6.0 for Moto G Marshmallow 2nd generation 2014. One of the reasons why I wanted to it was to customize Quick settings without root. However after following various tutorials on how to activate the tuner of the interf

  • I can't edit a code steps more

    I created a teststand sequence and was messing around with the User Manager, and now when I right cleck on the particular step in the sequence editor, it I cannot modify the code more.  I then oipened an example and it did the same. I checked the Use

  • "Title of the document is not a valid windows32 application" error message when opening Word.

    Whenever I try to open a Word document on my desktop, you receive this error message. "Title of the document is not a valid windows32 application. can how I recover from this problem, thank you!