Problems with left and right Divs

Hello, I have returned, to see if everything is OK if I could receive assistance with the same subject that I posted previously that came to no conclusion. I try to have two div to the left and right of eachother, which automatically stop the footer. Here are my problems with the following code:

1. for some reason, the left div is located in the upper left and right div located on the lower right corner

2. the divs do not automatically stop at the foot of page and corresponds to the amount of pixels in "min-height".

Demo page: http://www.expertpcguides.com/web-contributors.html

Paste the following code in my .css document

#left {}

Clear: both;

Background: url ('www.expertpcguides.com/mg/Left.jpeg');

min-height: 610px;

Width: 150px;

float: left;

}

#right {}

Clear: both;

Background: url ('www.expertpcguides.com/img/Right.jpeg');

min-height: 610px;

Width: 150px;

float: right;

}

Paste the following code in my html document

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

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

Infact to reach the boxes of such height you'll probably have to use display: table;

This means wrap any 'left', 'boxcontent', 'good' section in another

:

Then, using css:

{#displayTable}

Display: table;

}

#left {}

Background: url ("http://www.expertpcguides.com/img/Left.jpeg");

Display: table-cell;

Width: 12%;

}

#right {}

Background: url ("http://www.expertpcguides.com/img/Right.jpeg");

Display: table-cell;

Width: 12%;

}

#boxcontent

{

Width: 76%;

Display: table-cell;

padding: 30px 25px;

}

Tags: Dreamweaver

Similar Questions

  • HP Jet 11-D007NA: How do I copy and paste in Windows 10 with left and right keys

    Hi Everyone,                                                                                                                27/08/15

    I know the c control and control functions v for copy and paste with Excel and Word. How do cut you, copy, and move entire folders when you are working in Windows 10? 2 tapping fingers at the same time used to work in point 8.1 of Windows but does not work in Windows 10. I want to move my documents together and download files from my drive c on a memory stick that I have only 32 GB SSD in my book and it is fill up very quickly. I don't want to lose days copy individual files and sticking them in the memory stick. That would be a common mistake. I don't understand why HP had to remove the left and right buttons and make life very difficult for its customers. They probably saved a couple of hundred by getting rid of the buttons in their calculation of costs, but made it impossible for customers to use the laptop in a productive way.

    Vijpat10

    Have you tried pressing the right and left of the touchpad corners? Most of the models without physical buttons have this function.

  • Catalogue with left and right master pages

    I'm sure it's a pretty easy question for any inDesign pro, but that's.

    I'm creating a catalog for my company, its going to be 150-200 pages... or even more.  I got about 6 pages done before I realized how I have this set up isn't going to work. I have a master page for the left pages and one for the right pages (see image second image for my pages pane)

    My problem is, I need to insert a new page as page #2. When I do, it creates her "not cela" is part of my image for all subsequent pages.  Do all moving pages, but master pages too.   I need the content on the page to not pass the (master) page so that the blue tabs are always outside the catalog.

    Who is? How can I set this up?

    Untitled-3.png

    Untitled-2.png

    Variables work find for it. Just put the text for the variable in the margin, touch the bottom, lost on the first page where you want it to appear. It will follow all pages until another bit of text formatted for the chosen style is found.  In this way, you can have a master page that works for all sections.

    -in this example, the text at the top and the side of the in section is taken from the variable, and the text at the top of the page on the next release is, too.

  • How you separate pages face to face with the left and right master pages

    I have several documents that have been implemented as pages facing pages masters of left and right. Now, I need to separate them for the printer with left and right masters intact and bleed on 4 sides. All shortcuts out there?

    Try this script of substances. It is quite old, but in CS6 still works fine. Not testing in CC.

    aDoc = app.activeDocument;
    for (i=0;i		   
  • How to position my tag div with top, bottom, left and right attributes?

    So I have my background image and then I want only the sides to display so I put my div tag in the Center and does it extend to the edges of the top and bottom of the page, then theres a little bit of the background image on the sides of the white div. Than perfect, but when I focus I had to remove the position attribute. Now, I can not use the up, down, left and right attributes.

    OLD CODE WITHOUT A CENTER:

    {#whitediv}

    position: absolute;

    Top: 0px;

    Width: 930px;

    height: 100%;

    z-index: 1;

    background-color: #FFF;

    }

    NEW CODE WITH CENTER POSITION BUT CANT IT:

    {#whitediv}

    position:;

    Top: 0px;

    margin: 0px auto;

    Width: 930px;

    height: 100%;

    z-index: 1;

    background-color: #FFF;

    }

    To Center elements with CSS, you need 4 basic things.

    1. A document type is valid,
    2. width in pixels, % or ems, container
    3. a margin left and right of the automobile,
    4. default positioning (static or not specified).

    For example, the following page has a centered division.

    http://ALT-Web.com/test/resizable-BG.shtml

    The background image is applied to the CSS body selector.

    / * DIV CENTERED * /.

    {#page online purchase

    Width: 70%;
    margin: 5th auto;
    Padding: 3em;
    background: rgba (0,0,0, 0.70);
    color: #FFF;
    }

    Nancy O.

  • Justify the Divs to the left and right of the page with the gaps between the two. Possible?

    I have 4 eponymous divs with different images and rollover Javascript on them, spread horizontally on my page effects.

    I'm trying to align their so there are gaps between each div, but NO space on the right and left side, so that they are tight to the edge. If I put a margin on the right side of 5px, for example, the div right hand still has a gap of 5px, otherwise he's going on the next line.

    Of course, I can make a new rule for the div of the right hand with no margin to the right, but this will make more complex Javascript code with perform effect hover on two types of divs.

    Is it possible to pin the divs to the left and right of the page with an 'auto' margins inbetween them?

    Untitled.jpg

    I found a solution in any case. I've adjusted to the width of the div so that they coincide closely each side. Then align the images (HTML) 'Left, middle, Hugo, right' so that they are tight against each side and have differences even between them. If all goes well, there is no flaws with this method, it seems to work pretty well.

  • I just started using Garage Band with 2i2 Focusrite Studio material. When I record my voice through microphone, I hear a mono. Is it possible to share sound to the 'left' and 'right' channels, i.e. to imitate a stereo mic?

    I m using MacBook Pro with Maverick OS X version 10.9.5 and Garage Band 11´ v. 6.0.5 with hardware 2i2 Focusrite Scarlett Studio

    kopi42 wrote:

    Is it possible to share sound to the channels of the 'left' and 'right '.

    Yes:

    http://www.bulletsandbones.com/GB/GBFAQ.html#leftspeakeronly

    (Let the page load COMPLETELY. The link to your answer is at the top of your screen)

  • Windows key + left and right arrows does not not with windows RemoteApp

    My office has deployed RemoteApps applications to replace some installed locally.  I and many of my colleagues, have 2-3 monitors and the windows + function "snap" left and right was a very convenient way of juggling several windows on multiple monitors.  Unfortunately, it doesn't seem to work with windows RemoteApp.  Does anyone know how to get this working?

    Hello Ben,

    Welcome to the Microsoft Community Forum.

    The question you posted would be better suited to the TechNet community.

    Please visit the link below to find a community that will support what ask you:

    Microsoft TechNet

    http://social.technet.Microsoft.com/forums/Windows/en-us/home?category=w7itpro

    Hope the helps of information. Let us know if you need help with Windows related issues. We will be happy to help you.

    Thank you

  • I am trying to embed vimeo files but they appear with black borders on the left and right edges

    On vimeo, videos are in the right proportions. But as soon as I bring the videos in Muse with a video widget, a black border appears on the left and right sides.

    Help with the help of Adobe Muse CC

    The iframe that contains the video is set on a height of 650px. The proportions of your video is 16:9. Width of the video is of 1155. 1155px 650px x is 16:9, so your video is displayed correctly. If you were to try to force the video to fit on the edges left and right, someone viewing on a screen smaller than your will see the black bars at the top and bottom.

  • Problem with XMLTABLE and LEFT OUTER JOIN

    Hi all.

    I have a problem with XMLTABLE and LEFT OUTER JOIN, in 11g it returns the correct result, but in 10g it doesn't, it is illustrated as a INNER JOIN.
    SELECT * FROM v$version;
    
    Oracle Database 11g Enterprise Edition Release 11.2.0.1.0 - Production
    PL/SQL Release 11.2.0.1.0 - Production
    "CORE     11.2.0.1.0     Production"
    TNS for Linux: Version 11.2.0.1.0 - Production
    NLSRTL Version 11.2.0.1.0 - Production
    
    --test for 11g
    
    CREATE TABLE XML_TEST(
         ID NUMBER(2,0),
         XML XMLTYPE
    );
    
    INSERT INTO XML_TEST
    VALUES
    (
         1,
         XMLTYPE
         ('
              <msg>
                   <data>
                        <fields>
                             <id>g1</id>
                             <dat>data1</dat>
                        </fields>
                   </data>
              </msg>
         ')
    );
    
    INSERT INTO XML_TEST
    VALUES
    (
         2,
         XMLTYPE
         ('
              <msg>
                   <data>
                        <fields>
                             <id>g2</id>
                             <dat>data2</dat>
                        </fields>
                   </data>
              </msg>
         ')
    );
    
    INSERT INTO XML_TEST
    VALUES
    (
         3,
         XMLTYPE
         ('
              <msg>
                   <data>
                        <fields>
                             <id>g3</id>
                             <dat>data3</dat>
                        </fields>
                        <fields>
                             <id>g4</id>
                             <dat>data4</dat>
                        </fields>
                        <fields>
                             <dat>data5</dat>
                        </fields>
                   </data>
              </msg>
         ')
    );
    
    SELECT
         t.id,
         x.dat,
         y.seqno,
         y.id_real
    FROM
         xml_test t,
         XMLTABLE
         (
              '/msg/data/fields'
              passing t.xml
              columns
                   dat VARCHAR2(10) path 'dat',
                   id XMLTYPE path 'id'
         )x LEFT OUTER JOIN
         XMLTABLE
         (
              'id'
              passing x.id
              columns
                   seqno FOR ORDINALITY,
                   id_real VARCHAR2(30) PATH '.'
         )y ON 1=1
    ;
    
    ID     DAT     SEQNO     ID_REAL
    --     -----     -----     -------
    1     data1     1     g1
    2     data2     1     g2
    3     data3     1     g3
    3     data4     1     g4
    3     data5          
    This is all nice, now the problem:
    Oracle Database 10g Enterprise Edition Release 10.2.0.1.0 - 64bi
    PL/SQL Release 10.2.0.1.0 - Production
    "CORE     10.2.0.1.0     Production"
    TNS for HPUX: Version 10.2.0.1.0 - Production
    NLSRTL Version 10.2.0.1.0 - Production
    
    --exactly the same environment as 11g (tables and rows)
    SELECT
         t.id,
         x.dat,
         y.seqno,
         y.id_real
    FROM
         xml_test t,
         XMLTABLE
         (
              '/msg/data/fields'
              passing t.xml
              columns
                   dat VARCHAR2(10) path 'dat',
                   id XMLTYPE path 'id'
         )x LEFT OUTER JOIN
         XMLTABLE
         (
              'id'
              passing x.id
              columns
                   seqno FOR ORDINALITY,
                   id_real VARCHAR2(30) PATH '.'
         )y ON 1=1
    ;
    
    ID     DAT     SEQNO     ID_REAL
    --     -----     -----     -------
    1     data1     1     g1
    2     data2     1     g2
    3     data3     1     g3
    3     data4     1     g4
    As you can see in 10g that I don't have the last row, it seems that Oracle 10 g does not recognize the LEFT OUTER JOIN.

    Is this a bug?, Metalink says that sometimes we can have an ORA-0600, but in this case there is no error results returned, just incorrect.

    Help, please.

    Kind regards.

    What about try the original Oracle method for outer joins? Using (+) without the extra space

    XMLTABLE(...COLUMNS ... id XMLTYPE PATH ... ) x,
    XMLTABLE(... PASSING x.id ...) (+) y
    
  • Rotate a 360º mc step-by-step 'smooth' 45 degrees with the left and right buttons

    Hello world

    I thought it should be easy.

    I have a circular mc (wheel2) and this must turn "smooth" in increments of 45 °, left and right (buttons).

    The script I use on the button (to the right);

    {We (Release)}
    var turn: function = function (obj:MovieClip) {}
    obj._rotation += 3;
    If (obj._rotation == 45) {}
    clearInterval (interval);
    }
    };
    var interval: Number = setInterval (rotation, 10, wheel2);
    Stop();
    }

    He moves ok "once" and then turns 360 °. Should I set a new value for my mc?

    Thank you

    Pascal

    To disable the buttons you will need to assign instance names in the properties panel, let's say that you name them leftBtn and rightBtn...

    {We (Release)}

    leftBtn.enabled = rightBtn.enabled = false;

    var turn: function = function (obj:MovieClip) {}
    obj._rotation += 3;

    stepCount += 1;
    If (stepCount == 15) {}
    clearInterval (interval);

    stepCount = 0;

    leftBtn.enabled = rightBtn.enabled = true;
    }
    };
    var interval: Number = setInterval (rotation, 10, wheel2);
    }

  • Arrows left and right rarely work on Satellite A660-1DW

    Hello

    I bought this laptop a few weeks ago from Argos to replace my old Vaio specification was the best I could afford. (it was purchased as an A660-17 but the label on the laptop says A660-1DW)

    Was pretty happy with it, but suddenly the left and right arrows must be pressed extremely hard getting them to consider same work. Even in this case, it's rare!

    I use the computer a lot so don't want to have to send for repair, and most of the branches of Argos seem to be sold out of them now.

    Anyone have a suggestion of easy fix? (hit along I know)

    Thank you very much

    Mark

    Hello

    I think that it s a keyboard problem that needs a replacement for keyboard
    The guarantee must be valid, so I recommend t change yourself because everything will be covered by the warranty and everything should be doe for free.

    So get in touch with a local ASP and ask for help!

    Good luck

  • Tecra M1: left and right arrow keys do not work

    Hi, my tecra M1 upwards, the left and right arrow keys do not work on the standard keyboard - no external keyboard. I can't find a keyboard tester to see if the computer recognizes these keys. Only the low key works - no problems with others like PG. Prev or PG. Next, etc. etc. Any suggestions?

    Mike Mori

    Hi Mike

    When you start your laptop at the beginning you can see the symbols of disk in the lower corner of the screen. If a player is selected under the side, you will see a short line. When these symbols appear press immediately to the left or right arrow several times to see if the line will be cut to the left or to the right. On this way, you can try to check if these buttons are recognized from the beginning.

    Please inquire about the results.

  • Click left and right touchpad does not work on Satellite L50

    I have a new laptop Satellite L50 CI3. However, it seems there is a problem with the left and right keys on the touchpad.

    Right-click behaves like a left click i.e. it does not open a menu.

    Left click cannot drag and drop, including when you use the scroll bars.

    I reinstalled everything, but nothing has changed. Is this a common problem? Is this likely to a hardware or software problem?

    Hello

    On this virtual path, it is not easy to say what the problem is here. Have you noticed this problem on there first day of use?
    I mean when you start your laptop for the first time that it has original factory settings and everything should be OK.

    If I just understand that there is some response when you use the touchpad buttons so that you can try is to set all the options of touchpad on default settings.

  • The functions of the left and right of my mouse buttons keep swapping without doing me anything, and it's really annoying!

    For some reason any the left and right buttons on my mouse keep turn on their own without me doing anything. Once this happens, I go into the properties of the mouse, apply the default and then that's fine. That lasts anywhere from 3 hours to 3 days. I don't know if it's a problem of Vista or my computer, but it's really annoying. I restarted my computer after changing the settings and it still does not help. Can someone help me with this?

    Hi regretfullybliss,

     

    Welcome to Microsoft Answers Forums.

    There could be conflicts with the key functions of mouse or a corruption with the mouse driver.

    I suggest you update to the latest mouse driver, you need to visit the Web site of the manufacturer of the mouse to the GET the latest drivers for the mouse.

    Updated a hardware driver that is not working properly

    http://windowshelp.Microsoft.com/Windows/en-us/help/b3c6477e-1111-4B9F-A52A-fffdc51e9c901033.mspx

    How to change the mouse settings.

    http://windowshelp.Microsoft.com/Windows/en-us/help/efd700f8-bbc0-4F04-9f78-3bdb4bbf47011033.mspx#EF

    There could be the possibility that some third-party program or service is in conflict with the key functions of the mouse.

    To help resolve the error and other messages, you can start Windows Vista by using a minimal set of drivers and startup programs. This type of boot is known as a "clean boot". A clean boot helps eliminate software conflicts.

    Perform the check and the clean boot if you have the problem.

    1. click on start, type msconfig in the search box and press ENTER.

    User account control permission

    If you are prompted for an administrator password or a confirmation, type the password, or click on continue.

    2. in the general tab, click Selective startup.

    3. under Selective startup, clear the check box load startup items.

    4. click on the Services tab, select the hide all Microsoft Services check box, and then click Disable all.

    5. click on OK.

    6. When you are prompted, click on restart.

    7. after the computer starts, check if the problem is resolved.

    Reset the computer to start as usual

    When you are finished troubleshooting, follow these steps to reset the computer to start as usual:

    Click Start, type msconfig.exe in the start search box and press ENTER.

    If you are prompted for an administrator password or for confirmation, type your password, or click on continue.

    On the general tab, click the Normal startup option, and then click OK.

    When you are prompted to restart the computer, click on restart.

    If the problem is resolved to check what is the cause of the problem, referring to the link given below:

    http://support.Microsoft.com/kb/929135

    Hope this information is useful.

    Let me know if it worked.

    All the best!

    Thank you, and in what concerns:

    Halima S - Microsoft technical support.

    Visit our Microsoft answers feedback Forum and let us know what you think.

Maybe you are looking for

  • I'm implementing the TB on W10, but it does not accept my connection information to the blank e-mail

    I used the same settings that I use on XP no problem but it get the message "configuration could not be verified - is the name of user or wrong password? Is this a problem with Windows 10?

  • Skype for android - videoconference - black screen

    HelloI have a tab of lenovo S8 - 50 l (Intel x 86) with the new update of lollipop and Skype is not able to make a video call correctly from the operating system to date - is to show black screen where my video should have been. I am able to see the

  • Does not not on messages can macbook air

    Stop message on my MacBook Air.  I can't synchronize my messages from my iPhone.

  • iCloud drive synchronization failed

    Hi all I have a plan to iCloud 200 GB and filled my iCloud 84 GB data drive. I downloaded all of my iMac (OS X El Capitan) 2 weeks ago. I then enabled reader iCloud on my iPhone and PC. Everything (except a file on my PC) seems to sync right. But, wi

  • Care about the mobo?

    Hello! I'm looking at a few minor improvements to my K305 system. How can I don't care on my motherboard to find out: (1) what version it supports Sata (AHCI/RAID capable?) (2) what, how much, the speed and type of RAM is supported (3) power supply p