Elastic layout CSS - why there two main column widths?

In my first all - CSS site, everything was going well until I added content to the pages.

The layout is elastic 3-column of Dreamweaver with a header and a footer. I also inserted an extra div for a horizontal Spry menu.

As soon as the content of the main column is less than that of the sidebar, it extends - the top of page three paragraphs may appear about 5 inches wide and everything else below are 6 inches wide. I don't understand.

See www.krempelsfoundation.org/test/test.html. Any help appreciated.

You have enough on your #mainContent division left and right margins.  Try this:

{.thrColElsHdr #mainContent
margin: 15em 0 0 15em; / * left & right margins = space down the sides * /.
padding-top: 3em;

}

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

Tags: Dreamweaver

Similar Questions

  • Set the column width in the report

    Hello

    I have a standard classic report in one of my applications.

    I want to set the width of the column of the report and but not in pixels, it should be in percentages (%)

    In the attributes report in each column, there is a column width text field, but it accepts only the pixels and percentages.

    Last Version 4.1, database 11g

    Thank you

    RameshP, OracleAPEXDeveloper wrote:

    I have a standard classic report in one of my applications.

    I want to set the width of the column of the report and but not in pixels, it should be in percentages (%)

    In the attributes report in each column, there is a column width text field, but it accepts only the pixels and percentages.

    Use CSS. Add a style sheet in the header HTML property page:

    th#ALIAS,
    td[headers="ALIAS"] {
      width: 40%;
    }
    

    where the ALIAS value in the attribute selector matches the required column alias.

    Please note that the specified percentages compared to the width of the report table. Therefore, it may be necessary to also specify widths (100%) for the table of report and its components. Exactly how is based on the report, the region and the page templates and theme used, information that was not provided.

  • Change the image of the bottom header.main layout.css to a model of BC

    I use a standard model of the BC in a free version of British Colombia and I'm trying to change the background image of header.main a new, Custom, the image I downloaded to the file manager, however, when I click on 'Preview' to the layout.css file, the former code of the image shows still after that I saved the layout.css with the new image in the code of header.main.

    Also, when I go to templates of pages in the site manager, the old image (original) always shows. How can I change the background image?  Is there somewhere else that I have to go in addition to the layout.css to change?

    It lacks the ".jpg" at the end of the file name.

  • Configuration of backups from iCloud drive: why are there two Mobile Documents files?

    I've recently started using iCloud drive to synchronize documents between my Mac and iOS devices. Now, I want to assure you that I have local backups of these documents.

    I understand that the documents synchronized via iCloud are store locally in my Mobile user home/library/Documents folder. But when I check I made 2 folders: Documents Mobile and Mobile Documents.90391253.  The Documents Mobile folder seems to keep all the records that I created using Pages, drafts and TextEdit.  The second folder has files with obscure names such as ' JFJWWP64QD ~ com ~ goodiware ~ GoodReader. ". Records of Documents that I checked are empty.

    Here is a screenshot of the second folder:

    Why are there two folders of Documents Mobile? When you add a folder to a backup program, I would add two folders or just the folder Documents Mobile?

    The second folder (the one your screenshot) is a backup of an iPhone, iPad, or iPod Touch, which was made via iTunes. More information: finding and managing your backups iTunes - Apple Support

  • There are two select statement, which are as follows: 1) select project id, the name of ppm.pm_projects project_name and request_id 2) select id, name from request_type_name to kcrt_request_details. There is a column called entity that allows you to store

    There are two select statement, which are as follows: 1) select project id, the name of ppm.pm_projects project_name and request_id 2) select id, name from request_type_name to kcrt_request_details. There is a column called entity that can store a value i.e. project or request. I want to write a select statement containing a condition that is if the entity name is project and then run the select statement 1 otherwise, if the name of the entity's request, then run the select statement 2. All this must be written in a select statement. Can someone help me how to write this select statement type.

    Hello

    Hello

    2726057 wrote:

    ... There is a column called entity that can store a value i.e. project or request. ...

    In which table is this column?  Assuming that it is in a table called entity_table, you can do something like this:

    SELECT project AS id

    project name AS the name

    OF ppm.pm_projects

    WHEN THERE IS)

    SELECT 1

    Of entity_table

    Entity WHERE = "Project".

    )

    UNION ALL

    SELECT request_id ID

    request_type_name AS name

    OF kcrt_request_details

    WHEN THERE IS)

    SELECT 1

    Of entity_table

    Entity WHERE = 'ask '.

    )

    ;

    This does not have anything on the number of lines is entity_table, or what are the values in the column of the entity.  In other words, the query works in all cases.  If any line in entity_table entity = 'Project', then the pm_projects data will be included in the result set.  If any line in entity_table entity = 'Request', kcrt_request_details data will be included.

    I hope that answers your question.

    If this isn't the case, please post a small example data (CREATE TABLE and only relevant columns, INSERT statements) for all of the tables involved and the results desired from these data.

    Explain, using specific examples, how you get these results from these data.

    Always say what version of Oracle you are using (for example, 11.2.0.2.0).

    See the FAQ forum: https://forums.oracle.com/message/9362002#9362002

  • Flex 3: why there are two packages in Flex

    Hello

    Please tell me why there are two packages in Flex 3 which is flash.events. *, mx.events. *.

    The base being flash.events. *.

    Thank you.

    Well I'm not a former user of Flash, so I may be wrong, but I think that flash events are hybrid, and mx events (mxml..) are specific Flex.  If you take a look at classes in each package, you may basically check that.

  • the CSS page model: the right side column width

    Hello APEX community,.

    We're stuck in some css stuff: we want to make a little bigger right column width (say, 300px) in the apex 5.0 page template "column on the right. Could someone tell how to do that? We have already copied the page template for editing, but we do not know what css class must edit and also where to put this information in. (in the model directly? in some clean css files?)

    Best regards

    Sebastian

    SebastianScholz wrote:

    Thanks for your answer, but with that, the problem is not completely resolved. You expand the menu actions, Yes, but the area in the middle of the page (Body) will be superimposed by the column of the action menu.

    I have attached a screenshot for better reference, as you can see that the Send button is partially hidden...

    Sorry, that I had no content in this part of the screen so did not notice that. There are a few other CSS rules that have twisted:

    .t-PageBody.js-rightExpanded.t-PageBody--hideLeft .t-Body-main {
      margin-right: 300px;
    }
    .t-PageBody.js-rightCollapsed .t-Body-actions {
      -webkit-transform: translate3d(300px, 0, 0);
      -ms-transform: translate(300px);
      transform: translate3d(300px, 0, 0);
    }
    #t_Body_actions {
      width: 300px;
    }
    
  • With the persistence provider, why there is still need of so much manual effort?

    With persistence provider (EclipseLink), why there are still need so much manual effort in the following example shows how?
    Done following manual effort necessary to the app using EclipseLink?
    If the answer is Yes, the EclipseLink do for us?
    The following content is from this link: http://wiki.eclipse.org/EclipseLink/Examples/JPA/JSF_Tutorial

    _ Using JPA to implement Service

    The main resource to manage the UI tutorial is org.eclipse.persistence.jpa.example.inventory.ui.InventoryManagerBean. It contains a reference to the following classes that use APP to implement the services provided by this application:

    * org.eclipse.persistence.jpa.example.inventory.services.impl.ManagedOrderBean (implements org.eclipse.persistence.jpa.example.inventory.services.OrderService)
    * org.eclipse.persistence.jpa.example.inventory.services.impl.ManagedInventoryBean (implements org.eclipse.persistence.jpa.example.inventory.services.InventoryService)

    These two classes show how to use APP:

    Acquisition of an entity manager factory
    Create the entity
    * Read an entity
    * Update an entity
    Delete the entity


    Acquire a factory manager of the entity

    The ManagedOrderBean and the ManagedInventoryBean use an instance of org.eclipse.persistence.jpa.example.inventory.services.impl.JPAResourceBean class assistance to get an instance of the entity manager factory for the default named persistence unit that we have defined in the file persistence.xml (see Configuration of the persistence unit). This example shows how the entity manager factory is acquired.

    Acquisition of the managing body of the
    public EntityManagerFactory getEMF (){
        if (emf == null){
            emf = Persistence.createEntityManagerFactory("default");
        }
        return emf;
    }
    Once acquired, the ManagedOrderBean and ManagedInventoryBean classes use the entity manager factory to obtain an entity manager to perform all basic persistence operations (create, read, update and delete).


    Create an entity

    This example shows how the ManagedOrderBean using the EntityManager to create a new entity of the order.

    Creating a command in ManagedOrderBean
    public void  createNewOrder(Order order){
        EntityManager em = jpaResourceBean.getEMF().createEntityManager();
        try{
            em.getTransaction().begin();
            em.persist(order);
            em.getTransaction().commit();
        }finally{
            em.close();
        }
    }
    ...

    Hello
    If you are using an IDE like Eclipse 3.5, JDeveloper 11.1.1.1 or NetBeans 6.8M1 - EAR project assistants it will generate more all for you when you select the EclipseLink JPA default persistence provider.
    Also, try the other tutorial JPA JSF - no based which shows the minimum get a compatible standard injected JEE EM using a JTA data source in a stateless session bean used by a customer of controller simple servlet. There are versions of this example for all major application servers using Oracle or Derby as a database.
    http://wiki.Eclipse.org/EclipseLink/examples/JPA/WebLogic_Web_Tutorial
    All tutorials EE and SE
    http://wiki.Eclipse.org/EclipseLink/examples/JPA

    All Tomcat base JPA tutorial will be a little more complex because Tomcat is not an EE real container - it only implements a web container with support for JTA datasource and lack of support for a managed container of JPA persistence context (so no injection of @PersistenceUnit EMF - it uses the class persistence bootstrap instead). That is why transactions and lifecycle States EM/EMF must be managed by the application and not transparently via default values annotation as a full EA server would be for you in GlassFish, JBoss, WebSphere, WebLogic and OC4J for example - tutorials for these EA servers are simpler.

    Thank you
    /Michael
    http://www.EclipseLink.org

  • Image Viewer does not offer native zoom level unless layout.css.devPixelsPerPx is set to 1.0, which makes all the tiny interface.

    Asked me to shake my question in one sentence, so this is.
    Image Viewer does not offer native zoom level unless layout.css.devPixelsPerPx is set to 1.0, which makes all the tiny interface.

    DevPixelsPerPx is - 1.0 by default, which causes Firefox to scale with the parameter of the BONE, which is perfectly fine. The problem is that it causes also open image files and especially the zoom level, nationwide also identical to the user interface. A zoom level is adapted to the screen, the other is native. (One is a magnifying glass with a '+', the other a '-'.) Or rather, the other * should * be native, but in practice, it is not native, is climbed by the setting of the BONE, making it as arbitrary and fuzzy like any other level of zoom, which defeats the whole point and does not allow access to a native scaling in any reasonable way.

    If you want to experiment, here is something you can try, a bookmarklet that inserts a 'Native' button on the page. It takes into account your level of "net" zoom current and reduced the image natural dimensions.

    (1) select and copy the following script:

    javascript:var btn=document.createElement('button'); btn.style.cssFloat='right'; btn.appendChild(document.createTextNode('Native')); document.body.insertBefore(btn, document.body.firstChild); btn.addEventListener('click', function(){var img=document.querySelector('img');img.style.transform='scale('+(1/window.devicePixelRatio)+')';}, false); void 0;

    (2) right-click a task on your bookmarks bar or, if you do not display this bar, click on the bookmarks menu button and right click a place there, and then click new bookmark

    (3) paste the script in the location line

    (4) assign a name like native, and then click Add a bookmark

    While you look at a picture, click the bookmark (let) to inject the button. Then click on the button to resize the image.

    Success?

    If you change the zoom level of the 'page', click on the new button to resize it due to the change.

  • Web pages too large for the screen, but layout.css.devPixelsPerPx is missing in config

    I followed all the instructions to adjust the size of the Web pages, but there is no layout.css.devPixelsPerPx to be able to make the adjustment - I don't want to use the zoom for each page that I opened - a counsellor please

    Note that you can also use this extension to set the overall zoom (layout.css.devPixelsPerPx) easily without having to go through the comments: config page.

  • BlackBerry Smartphones why the two icons of the emails?

    I don't understand why there are two icons for e-mails or messages.

    I would like to remove one of my e-mail account and keep the Messages one right.

    That is problem?

    Hi and welcome to the forums!

    Are you referring to the icon associated with your email address?

    It would look like an envelope with a globe with your email address under.

    I hide those and put in a folder, it reduces clutter on the home screen.

    All messages are in the queue, and I manage them all what he.

    Make sure that you remove, just hide. If you remove it, you remove the account!

    Thank you

    Bifocals

  • Accessibility without elastic layouts?

    I just upgraded to CS4 CS6: well, not strictly speaking an "upgrade" since CS4 was too old - and I noticed the absence of home pages "Elastic" in the most recent version. I thought that were implemented with elastic (ems) was a good way to do for accessibility, because they would suit the users who need to increase the size of the text.  Is now done with liquid layouts?

    Thanx

    Elastic Layouts are a thing of the past. The new provisions are "Fluid" - technically the same thing, but with a little difference.

    Anyway, coming to your original question, there is great jQuery plugins that you can use to provide full control to your end user to increase / reduce the size of the police according to their desires.

    One of the most popular plug-ins for this is: http://www.jfontsize.com/

    Take a look at their 'Demos"' section, to see how it works. Implementation is quite easy as well. This plug-in is very well documented.

  • Preference named layout.css.devPixelsPerPx

    I wanted to do the standard zoom in Firefox a little smaller, so I went to the preference called layout.css.devPixelsPerPx about: config and messed up her a bit. I tried to change-1.0 to 1.2, but I accidentally typed 12 or 102 instead of 1.2, and now Firefox screen is so huge, that I can't do anything on this subject, so I can't change the preference to 1.0 or 1.2 or other.

    Is it possible to fix this without having to completely uninstall firefox? I am unwilling to lose my settings and Favorites...

    Hello, Jasper, you can perform the following steps to change the still 'blind ': value

    1. Open firefox, and then press ctrl + L (this will focus in the address bar)
    2. type of topic: config
    3. Press ENTER twice
    4. type devpix
    5. Press the tab key
    6. Press enter
    7. type 1.0
    8. Press ENTER again and I hope you should be normal visibility now
  • WHY MAKE TWO COPIES OF EMAILS THAT I SEND IN MY OUTBOX

    SAME AS MOST HIGH: WHY MAKE TWO COPIES OF EMAILS THAT I SEND IN MY OUTBOX

    I guess that your account is Outlook.com or Gmail. These two put mail in your Outbox and Thunderbird does.

    If it's an of these, go to menu (alt + T) tools > account settings > copies and folders and change your sent does not save a copy in.

  • What are the CSS selectors for the main Menu of FireFox 4?

    What are the CSS selectors for the main Menu of FireFox 4?
    http://img228.imageshack.us/img228/5512/ff4menubar.gif

    Always the same as in Firefox 3.5 and 3.6 versions:

    #main-menubar
    #file-menu
    #edit-menu
    #view-menu
    #history-menu
    #bookmarksMenu
    #tools-menu
    #helpMenu
    

Maybe you are looking for

  • I can't click on certain points on the top of each page, that I will.

    I tried to click on some items on several pages, and I realized that the upper part of the page does not yet meet my left and right click. I was lucky enough to be able to interact on this part of the page. For example, I can't left click or right cl

  • Satellite Pro L300D - 22nd: Installation Win7 64-bit ends with BSOD

    Hello I'm having a major problem to install 64-bit Windows 7 Enterprise Edition on a whole new Satellite Pro L300D-22nd. Windows 7 32-bit and 64-bit of Windows Vista install correctly with zero problems or questions. I tried... Installation CD start-

  • Product key required - had to do a reinstall

    I have a Toshiba Satellite Pro L300 who would nt boot in windows / safe mode or anything like that - nothing could fix. I had to wipe the hard drive and do a reinstall BUT my product key was used and the train to say that I only have 9 days left. Is

  • Why keep away my restore points for vista Home premium?

    I read recently on TechRepublic on Vista Restore devours all the disk space if not configured correctly. I used vssadmin list shadowstorage to see my restore points there is not! I did a manual restore yesterday point and repeat the command vssadmin,

  • I want to find the Properties menu

    but when I click on an open part of the high office he has not just upward it please tell me how to open it