Question of CSS on the heights of the sidebar

Just return to a site I started some time ago and I'm going to pages with a central part and two side bars - but don't think I don't know about the best way to ensure that the sidebars and main content have the same height.

I tried with put a height value in the sidebar styles, but have the feeling that this is not the best way to do it.

At present, it looks OK in firefox (mac), but not safari and I doubt IE - but I hope that people can get the idea of what I'm doing.

The page is here:

link here

And the CSS is here:

Link CSS

Thank you as always.

It's true.

It's one of the things I like to do this - there is always something new to learn.

Tags: Dreamweaver

Similar Questions

  • Question of CSS - height of the external DIV layout

    If all goes well, it is a quick - in the past, I've used CSS for the layout main page, but always used tables in a DIV. But I'll try to be good and the DIVs used it too.

    In any case-, I have here a basic example:

    http://www.learners-Guide.co.UK/lessons/cockpit-drill/layout.php

    With the rank in the main contained Division in two columns, using:

    #outerWrapper #contentWrapper #content #row_one {}

    Width: 580px;

    border: 2px solid #333;

    background-color: #99FF99;

    padding: 10px;

    }

    #outerWrapper #contentWrapper #content #row_one #row_one_left {}

    Width: 288px;

    height: auto;

    padding: 0px;

    float: left;

    margin: 0 0 0 0; / * Sets the properties of margin for an element using the shorthand notation (up, right, down, left) * /.

    }

    #outerWrapper #contentWrapper #content #row_one #row_one_right {}

    Width: 288px;

    height: auto;

    padding: 0px;

    float: right;

    margin: 0 0 0 0; / * Sets the properties of margin for an element using the shorthand notation (up, right, down, left) * /.

    }

    The problem is that the #row_one_left and the #row_one_right columns out of the container DIV. #row_one

    How I would expand container DIV to contain the columns? I can do so by specifying a height of the #row_one DIV, but guess it's poor form and would be produced depending on the results screen / resolution / browser etc.

    I thought that maybe using height: auto; but no joy with either.

    I assume that it should be possible, as it may seem a pretty basic provision requiement.

    Thank you.

    You must use a style that forces this div to clear floats (as floats are removed from circulation, containing elements of law as if they aren't even there).  To do this, something like "overflow: hidden" works beautifully.  So to remove the styles from height: auto (which is the default anyway) and change sound.

    #outerWrapper #contentWrapper #content #row_one {}

    Width: 580px;

    border: 2px solid #333;

    background-color: #99FF99;

    padding: 10px;

    }

    on this subject.

    #outerWrapper #contentWrapper #content #row_one {}

    Width: 580px;

    border: 2px solid #333;

    background-color: #99FF99;

    padding: 10px;

    overflow: hidden;

    }

  • CSS for the size of box selectManyCheckbox

    HI, we use jdeveloper 11.1.7.1 version andtying to apply some css for the check box of the item SelectManyCheckbox.  Need to increase the size of the box. Also by default wording is followed with the box, but I need to go back to the first label of the sequence and the checkbox should be displayed. Searched a lot on google but could not find a specific way to achieve this. Can anyone help please on the same subject.

    Hello

    Try with something like this:

    AF | selectManyCheckbox::content input [type = "checkbox"] {}

    Width: XXpx;

    height: XXpx;

    }

    AF | {selectManyCheckbox::label}

    position: relative;

    left: XXXpx;

    }

    Kind regards

    Ruben.

  • Newbie question: how to display the logo of the company for all applications

    Hi all:

    I am new to APEX and in the thorough step 'Application two days Express Developer's Guide.

    I have Oracle XE with APEX 3.1.2 installed.

    I have a file called test.gif stored on my C:\logo\test.gif logo

    The question is what is the step to display this logo on all pages for each application (I could build applications in the same workspace, and I like the same logo to all pages for each display application).

    I have extensive air manual and this forum and cannot always understand.

    Here is what I tried:

    -Click on an app that I created in Application Builder
    -Click on "shared components".
    -Files-click == > Images and upload my C:\logo directory test.gif
    -Return to page 'Components of the part' == > Logo and select / access to the following values:
    > logo type: image
    > logo: /i/test.gif
    > logo attribute: width = "100" height = "20" alt = "Company Logo".

    Save the changes. When I run my application, the company logo displayed as 'x' icon.

    A I missed something?


    Thank you!

    Kevin

    Kevin,

    You wanted a step by step so that is.

    You must first download your logo to your workspace file. Then you can assign it as a logo, so this step appears on all pages.

    Before you start, I suggest that ensure you that your graphic file name does not include the spaces inside. Replace spaces by dashes, underscore or squish traits it.

    1. application Builder-> shared-> files components-> Images.

    2. click on the create button.

    3. application for leave "No Application associated with" value, provide the specification of file, then click on the download button. When it's done, copy the name of the file (for example MyFile.gif).

    4. go into the Application Builder-> shared-> Application-> definition components

    5 scroll down the page to the section Logo and set the Type of Logo Image.

    6 Logo, enter ' #WORKSPACE_IMAGES # ' follow-up of your files.

    for example #WORKSPACE_IMAGES #MyFile.gif

    7. Optionally, you can set the attributes of the Logo, for example, by specifying the height and width to display your image.

    8. click on apply changes.

    9. run app.

    If you have the right to file specification, you should see your logo in the upper left corner. If you want elsewhere, you have to change the page template, which is way beyond the scope of this forum and the tutorial. :-)

    Good luck

    Stew

    p.s. If it works for you, please give points for correct answer at the top of this topic.

  • I want to reset my security questions, but there not the possibility of

    I want to reset my security questions, but there not the possibility of

    Click here > If you forgot your Apple ID - Apple Support security questions answered

  • How can get answers to the question of security of the apple account

    How can I get answers to my account security question?

    See the following link for instructions: If you forgot your Apple ID - Apple Support security questions answered

  • Images are the scale is no longer with (img {max-width: 100% ;}) css from the 34.0.5 in firefox update, it still works fine in IE and chrome.})

    My site was working fine up until firefox updated 34.0.5. Now the images will not scale to fit the box more. I use flexbox so that the site is changing to adapt to the size of the browser. In css, I set img {max-width: 100% ;} and this would make the jpg file size automatically to fit the area they were in, but no more than Mozilla really screwed up this with updated 34.0.5.} My site still works fine with IE and Chrome, but 70% of my web traffic using firefox so I would really like this to work in firefox.
    Any help is greatly appreciated!

    I work by setting a special parameter in CSS for the images that I needed to scale and then I have it referenced by SPAN for each img in HTML, not quite how I wanted it to work since now images filling the box even with monitors really big format, which means that they could now be blurred on a 4 k monitor but firefox left me no choice. Looks like I have going to aid in future chrome like firefox really shit the bed on this 34.0.5 updated

  • Question not answered on the activation of JavaScript

    There was a question and answer on the activation/deactivation of JavaScript using "subject: config.
    Added another question, which I also have another question in response:

    «Despite my Javascript for Firefox 'active' 23 (I checked the ' topic: config "steps above), certain sites are always asking me to activate my Javascript to view content.»

    I am now running NoScript I know blocks JavaScript, but it was going on until I started NoScript.

    I hope someone can answer this question now.

    Thank you
    Bernadine

    This website message can be triggered by other modules or bad script on the Web site that raises this message.

    Try Firefox Safe mode to see if the problem goes away. Safe mode is a troubleshooting mode, which disables most of the modules.

    (If you use it, switch to the default theme).

    • Under Windows, you can open Firefox 4.0 + in Safe Mode holding the key SHIFT key when you open the desktop Firefox or shortcut in the start menu.
    • On Mac, you can open Firefox 4.0 + in Safe Mode holding the key option key when starting Firefox.
    • Under Linux, you can open Firefox 4.0 + with leaving Firefox then go to your Terminal and running Safe Mode: firefox-safe-mode (you may need to specify the installation path of Firefox for example/usr/lib/firefox)
    • Or open the Help menu and click on the restart with the disabled... modules menu item while Firefox is running.

    Once you get the pop-up, simply select "" boot mode safe. "

    If the issue is not present in Firefox Safe Mode, your problem is probably caused by an extension, and you need to understand that one. To do this, please follow article Troubleshooting extensions, themes and problems of hardware acceleration to resolve common Firefox problems .

    To exit safe mode of Firefox, simply close Firefox and wait a few seconds before you open Firefox for normal use again.

    When find you what is causing your problems, please let us know. It might help others who have the same problem.

  • Safari with question marks instead of the text

    Several Web sites in Safari 9.1 showing many points of question marks instead of the text. I just proposed by Apple and done nothing. I have Imac (late 2009) OS X El Capitan 10.11.4.

    Question marks instead of the text is an indication of a problem with fonts.

    Open the book fonts in your Applications folder.

    In the fonts start menu bar click book fonts > Preferences and then click: resolve duplicates by moving the files to the trash

    Quit and then restart Safari to test.

    If this does not help, back to the font book menu bar click file > restore to the Unicode Standard

    Quit and then restart Safari to test.

  • I have a question please. Are the activation of wifi, Bluetooth and 3G while I'm outdoor consume the battery of my iPhone (6 s) and reduce its life expectancy?

    I have a question please. Are the activation of wifi, Bluetooth and 3G while I'm outdoor consume the battery of my iPhone (6 s) and reduce its life expectancy?

    If you want your Apple Watch to stay connected to the phone, you need to keep compatible BlueTooth.

    All functions of the phone will use up the battery life. Some things more than others. Screen brightness, low cell signal strength and location services are major culprits. If you are having battery problems, see this article:

    http://www.scottyloveless.com/blog/2014/the-ultimate-guide-to-solving-iOS-batter y-drain

    I don't know what it means being out of doors has to do with the question.

  • Question mark instead of the downloads folder

    Hey, I just upgraded to a new Mac. When I transferred my content from my old mac to the new downloads folder and the documents folder are big question mark gray while the icon from the applications folder is a folder. Why this happens and what I can do to clean it? Thank you

    Horton,

    Remove the Dock and navigate to your Macintosh HD > users > yourusername folder, drag them to the dock of this place.

  • I have a question why U removed the session of keyboard spelling checker is a very useful sit Apple give it in products. It helps a lot in communicting with others from different countries, even in our studies and the communication

    I have a question why U removed the session of keyboard spelling checker is a very useful sit Apple give it in products. It helps a lot in communicting with others from different countries, even in our studies and communication with our teachers.plz it back... .hope you will do

    Nothing has been deleted. Perhaps if you explain better what it is you are looking for, a person might be able to help. You mean maybe predictive text? All these settings are in settings > general > keyboard.

  • Rename the question on creation of the new folder

    Dear Apple,

    To create a new folder in Photos (v 1.3 osx El capitan v 10.11.3) another folder is automatically marked for renaming.

    The newly created folder is automatically called "new folder" and does not have focus.

    Very strange as it may seem logical directly you want to rename a newly created folder.

    Thank you very much.

    Note as you've seen in these TERMS, you have accepted your registration here Apple isn't here - it is strictly a user forum to user with experienced users to help others

    Your question is not clear at all - in Photos when you create a new folder (menu, file == > new folder) it is created in the albums section (it is easier for me if the sider bar is shown - menu display == > display the sidebar) with the "new folder" name selected and all you have to do is type the name you want - if you want to rename a folder later right click on it and select Rename folder

    Please explain clearly what you are doing, what is happening and what you want to happen

    LN

  • Question about graphics on the Satellite A200-1VO card memory

    Hello
    How do you assign more memory to the graphics card on laptop Satellite A200-1V0?
    Thank you

    Hello

    in your case it s not possible to change the size of graphics by yourself, memory as graphics memory in your machine is shared with main memory, so if you upgrade main memory and graphics memory should increase. But this question is governed by the chipset and the user has no influence on it.

    Welcome them

  • A question of home on the Xoom 1 and 2 Xoom 10.1

    I have the original Xoom and got the Xoom 2 today. I know that the docs of the Xooms are not compatible, I managed to place the Xoom 2 on the standard doc without any problem. My question is, somehow harm the Xoom to 2 to use the doc just as a stand? I guess that I could not load with her, but that I bought the case for it today, its unfortunately lacky especially as a stand.

    Thanks for any input Wanda

    @nccoast,

    I wouldn't be able to plug the dock while using it as a stand, however, since the two presentations of pines might get shorted by a metal surface on the outside of your Xoom 2.

    -Doc

Maybe you are looking for