How to make a floating div takes place?

I have a div called mainContent and inside this div, I have a div called nav which is launched to the left. NAV is 150 pixels wide.

I shut the mainContent div and then created my div of footer below. MainContent and footer divs are both centered in the page with margins of 10 automatic 0 and a width of 760 pixels.

I would like to than the width of the div to nav to continue all the way to the end of the mainContent div but not in the footer. This is so when the text in mainContent begins to flow below the net asset value, it will not begin to show to the left of maincontent but rather continue 150 pixels from the left. I tried to do down on nav 100% margin, but it breaks the footer to be shifted to the right, which is not what I want. Help, please.

Surround the actual content of its own div. Instead:

Another text and content in the mainContent area...

You have this:


Another text and content in the mainContent area...

Float your left nav as you did, then give the other div
(actualContent) a left margin corresponding to the width of the nav DIV.

--
Alec
Adobe Community Expert

Tags: Dreamweaver

Similar Questions

  • How to make images float right in the workspace of the 11 items?

    I can't float images freely in the workspace. The option 'all float freely' under 'disposition' is not available. I know that something must be done and they have managed to figure try it twice before, but in loading items 11 on a new computer thte images are locked to the tab and I can't understand how to release them.

    The editor preferences > General > enable floating Documents, then window > Images > float all in windows.

  • Make paste of DIV 1 place on your Web site, but move them when resizing the window.

    Well, it's a really long, weird question.

    Let me explain with a video.

    https://www.YouTube.com/watch?v=lugJRijYcZc & feature = youtu.be

    As you can see, the Twitter account is not position, but this is not the point. I would like to keep it in the background container that you see on the right, while remaining in the position. But when I Center the background image, it is resized as you see in the video. But if I do not use background-position: center 0px; tag that the background does not remain in the centre...

    How can I fix?

    Thank you!

    Daniel

    You have two containers on your page with the same ID value (container). You can do that - you are only allowed to use a given once on any page ID value.

    Correct it and then wrap the contents of the first div #container in an envelope with a fixed width to 1050px CSS and auto margin: 0. who should do it.

  • How to make an album based on places?

    How would a photo album based on the specific locations of metatag of the photo?

    I miss how iPhoto would let you sort by location, as well as to customize the name of the location.

    Search for photos by typing the name of the location in the field of research, exactly as it is written in the title of the moment.

    Then select all the photos that were found and enter ⌘N to create a new album in the photos. Name of the album as you would call the location.

  • the sign less, shrink, & out the buttons at the top right of the page is missing? How to make a comeback. In their place, it is only black?

    the sign less, shrink, & out the buttons at the top right of the page is missing? How to make a comeback. In their place, it is only black? I can click where I know everyone is & it works, but I need to be able to see them. Thanks for your help.


  • Anyone has an idea how to manually remove items that do not appear in the Collection, but take place on the device. Specifically, an audio book downloaded via Overdrive?

    Anyone has an idea how to manually remove items that do not appear in the Collection, but take place on the device.  Specifically, an audio book downloaded via Overdrive?

    Hello

    1. what type of files are in the audio book? Could you provide me with the file extensions?
     
    If you delete the information or files audio books could not show some information. I wouldn't recommend allows you to delete the files. If you want to remove them, you can contact overdrive support.

    Hope this information helps.

    Thank you, and in what concerns:
    Shekhar S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.
    If this post can help solve your problem, please click the 'Mark as answer' or 'Useful' at the top of this message. Marking a post as answer, or relatively useful, you help others find the answer more quickly.

  • How can I prevent Windows 10 to take place?

    Hello

    I have Windows 7 on my computer and I was told that my computer can automatically refresh at 10 Windows when I don't expect it.

    If this is true, how can I stop Windows 10 to take place?

    Thank you

    Libby.

    Original title: update of the operating system

    Hello

    Two methods:

  • My tx10 automatically rotates pictures 90 degrees after that I'll take them. How to make this stop?

    My tx10 automatically rotates pictures 90 degrees after that I'll take them. How to make this stop?

    The camera automatically rotates the image according to its orientation. Unfortunately, this feature cannot be disabled.

    You can correct orientation by setting the [rotation] option in the menu viewing.

    If my post answered your question, please mark it as "accept as a Solution.

  • I am trying to download the free track of Photoshop CC. It will open a new tab and show places of loading spinning. Then they disappear and remains white. How to make it so I can download it?

    I am trying to download the free track of Photoshop CC. It will open a new tab and show places of loading spinning. Then they disappear and remains white. How to make it so I can download it?

    Please try using another web browser or deleting the browser history and cookies, then try again.

    Kind regards

    Hervé Khare

  • How to make the content of the DIV on the page that I'm going to fade out?

    I'm trying to figure out how to make the content of a DIV on the page I'm clicking away from fade. I know how to do the Next page load with a fade in. So I'm half there (I guess).  WiX has many designs which use for this purpose. Here is a link to an example:

    http://www.wix.com/website-template/view/HTML/633?originUrl=http%3A%2f%2Fwww.wix.com & numbe r page = 1 & = 1 position-in-page

    This is the code I use to make a DIV load with a melted in:

    I have add this CSS code in the div I want to apply the fade in effect to:

    Animation: fadein 2s;

    -moz-animation: fadein 2s; / * Firefox * /.

    -webkit-animation: fadein 2s; / * Safari and Chrome * /.

    -o - animation: fadein 2s; / * Opera * /.

    And I add this additional code to the CSS stylesheet:

    }

    fadein {} @keyframes

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    @-moz - keyframes fadein {/ * Firefox * /}

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    @-webkit - keyframes fadein {/ * Safari and Chrome * /}

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    @-o - keyframes fadein {/ * opera * /}

    of {}

    opacity: 0;

    }

    to {}

    opacity: 1;

    }

    }

    Tutorial with demo & downloadable files here: http://www.onextrapixel.com/2010/02/23/how-to-use-jquery-to-make-slick-page-transitions/

  • How to create a floating layer "< DIV >" in blackberry 8900?

    I am a new developer bkackberry.

    I use the BlackBerry 8900 Simulator (Smartphone BlackBerry 2.11.0.151 Simulator) for development.

    I would like to make a floating layer as describe in the URL "http://www.fiendish.demon.co.uk/html/javascript/layerfloat.html".

    This example runs on the browser window, but not on blackberry.

    I have 2 question:

    This function can be implemented in Bleckbery?

    If so, please give me some examples running.

    Thank you

    Sanjay

    I found the solution. You can use following code for static layer. I tested in the simulator of 8900.

    Other HTML code

    ----------------

  • How can I control the floating div widths?

    Ok.

    I use a floating div for the site style.

    Now, in the wider resolutions, I want two boxes to float left next to equal widths of 48% with a 2% margin between

    When the mobile resolution I want to that they sit on the other. 100% width

    I may be missing something simple here - but I can't

    Clues/suggestions?

    Thank you

    There was a clear framework in the mobile CSS - it set when it was rtemoved

    Thank you

  • Column attributes (how to make independent)

    Hi all

    I have a page that is made of the header area which is photoshop slices... this area is very good.

    Below that, there is a DIV ID, which is the main text in bulk. On the right side is a column that is an another DIV ID with a different name. And at the bottom is another with a different name.

    Although they all have set different attributes, different widths, different paddings etc, whenever I have add a border to one of them, ALL of them are performed by the change. Even if I try to add a background image to one of them, they all get the change... How can I make them completely independent?

    Sorry for the newb question. I'm from a background print (Quark and PS) and I just can´t get by...

    The problem here is that you add the bg image to the wrong CSS rule.

    .thrColFix #container div {}
    do-family: Verdana, Arial, Helvetica, without serif.
    background-image: url(php_images/bg_pattern.gif);
    }

    ".thrColFix #container div" means everything

    tag inside an element with id = "container" within an element with class = "thrColFix".

    This affects all

    Tags inside
    .

    To target different

    s you need to make the rule more specific.

    for example to apply the image to sidebar2 only, remove the attribute background-image generic id = "container" div:

    .thrColFix #container div {}
    do-family: Verdana, Arial, Helvetica, without serif.
    }

    and add it to the only sidebar2

    {.thrColFix #sidebar2}
    float: right; / * because this element is floating, it takes a width * /.
    Width: 235px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 60px banner;
    border-left-width: 1px;
    border-left-style: none;
    border-left-color: #555555;
    border-bottom-width: 1px;
    border-bottom-style: none;
    border-bottom-color: #555555;

    background-image: url(php_images/bg_pattern.gif);
    }

  • Floating < div >

    Floating < div >

    I have two content areas under my logo and navigation bar, I entered this HTML code.

    < div id = "bodyArea" >

    < div id = "left" > < / div >

    < div id = "right" > < / div >

    < / div >

    I was floating, then the left div to the left and the right div to the right, I've never been specified a height for the left div as I wanted to auto expand the content as it dose, the right div I specified a height of 300 pixels, now, I thought that once the left div came down by the mark of 300 pixels and erased the right div I thought that he would then take place on the underside the right div.

    I thought of another idea, but don't know if it's possible, to only one area below my navigation bar that expands with the content and place a box (div) on top auto is possible (as floating a div on top of the other), I want just an area of 200 x 300 as an area in the view to sit on top of the main content area any help or suggestion would be greatly appreciated.

    Oh goodness Mr. * As *, notice that the keyword appear in my statement there. As a subjective statement so of course could be fantastic or possibly incorrect. Only, I say this because without additional rules or tips, floating divs etc (in some cases) expand their wrapper divs, but apparently it's too complicated.

    It is true that I forgot to mention given the rules of opposing float on both the divs.

    My second suggestion is something different to make the container div #bodyArea expand in this case if both the divs are launched and there is a style on this #bodyArea, since sometimes container div don't if it is filled with floating divs. See what I mean here.

    As the Ace seems more concerned with the semantics of messages of others to help you, I thought of an alternative which might be what you're looking for. This is to place the div #right (the one you gave a fixed height) within the #left div and giving him the float: right; style. To see what I mean as I quickly threw together a page with CSS inline so you can better understand it. It's here

    This box can then be 'moved' in the other div using a line style, for example to do something like this. Do not use the positioning styles or it with mess float upward. Don't forget to give the floating div fixed wide so it does not it is nested in the box.

    Hope that helps.

  • How to make still photos of my camera of Lenovo to the appropriate library to upload on a social networking site (Facebook, not)?

    First of all, I'm 50 years old and I grew up in the time before the PC, so I am very naïve.

    I have a laptop from Lenovo and it has a camera in it. I recently discovered that it can take still pictures, so I took some pictures of me.

    Now I want to download pictures to an online community, I belong to where I have a profile. But the photos are not in my images on Microsoft Word, or in Windows Media Player or any library I can find.  They are in the box in the photo section.  How can I get them on the part of the camera on the computer in a place where I can then download them to my profile online? Where should I store, and how to make them here?
    I appreciate your help.

    Hi James,

    I see you want to download photos of the Lenovo built in webcam for a social networking site still. I'll help you with this problem.

    1. what operating system is installed on the computer?

    2. what security software is installed on the computer?

    Please follow these steps and let us know the status.

    1 - click on "Start" and start the webcam software. Every computer manufacturer take its computers ready webcam with a specific software for the control of the camera.

    2 - Click on 'Snapshot' or 'Take picture' (or similar) in the program to capture still images. Most of the programs of webcam show you what see your webcam, as soon as the program is open. When you move, the webcam image also moves. Specific commands vary from one program to a program and manufacturer in the manufacturers, but the standard webcam software has a "snapshot" command to take a picture.

    3 - Click on 'Tools' and 'Settings' (once again, or similar) to change the way the webcam records still images. You can configure the quality of the photos up to a preset maximum resolution. A webcam software allows you to save a series of images or to add digital effects to the pictures. That depends on the camera photo and its software by default, too. While in the 'Settings' window, find out where the pictures are stored. Each program stores pictures in a different location.

    4 - Click 'Start' and 'Computer' to open a file browser. Find the folder where the webcam stores its photos of step 3 to change the photos with a graphics program or to delete and rename files. To send photos to your friends and family, open your email and attach photos to this folder. Webcams store photos in smaller resolutions, so you never get hurt to send these files as attachments, even with a very slow Internet connection.

    Let us know if you need assistance with any windows problem. We will be happy to help you.

Maybe you are looking for

  • Why my iPhone 6 won't hold a charge?

    Hello My iPhone 6s is a problem to hold a charge. I tried all the tips that are found in the data base of support, but it seems that they do not work. I looked in the settings of the battery as well as to consider whether there was an application usi

  • Windows Media Player shows no video just Audio

    Hi all I have the Satellite A110-275, Windows XP HOME Edition. I installed all types of codecs like K-Lite, all THE Codecs pack, Divx, filter AC and all the others, but my problem has not been resolved. My problem is that when I watch a movie online

  • lost iMovie app

    After updating to OS X El Capitan on my MacBook Air, I tried to update the software iMovie & seem to have lost the original iMovie app.  How do I replace it?

  • Boolean entry

    I would like to have both an array of 8-bit Boolean or a digital control formatted to be able to control a single line Hex. That would give the user a choice of data entry there in digital (entry of value) or binary (by clicking on the Boolean contro

  • Divide table 2d row-wise and show managers

    Hello everyone, For use in the construction of the image, I need to divide a large table 2D in row groups and show one block at a time. For example; In attached .vi, I get only the last 2 rows and can not see any intermediate stage. How can I view th