How can i centre two side by side divs vertically so they both are in the centre of there parent /containing div?

How can i centre two side by side divs vertically so they both are in the centre of there parent /containing div? One of the divs is larger than the other so i would want the smaller one to centre inside a parent div like so:
Grey= parent/container (Width of both orange and red div)
Orange= Div 1
Red= Smaller div- centralised (hopefully)

If you wanted to go completely "Not for IE8 or lower" and use some of the often overlooked viewport units, it could be very responsive to browser resizing...
<!doctype html>
<html lang="en-us">
<head>
<meta charset="utf-8">
<title> VW, it's not just a car for Mac users...</title>
<style>
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     box-sizing:border-box;
#gray {
    background-color:gray;
    width:80vw;
    margin:0 auto;
    height:40vw;
    font-size:2vw;
#red {
    width:50%;
    height:50%;
    background-color:red;
    margin-top:12.5%;
    float:left;
#orange {
    background-color:orange;
    width:50%;
    height:100%;
    float:left;
</style>
<!--[if lt IE 9]>
<link href="IE-only.css" rel="stylesheet" type="text/css">
<![endif]-->
</head>
<body>
<div id="gray">
    <div id="orange"></div>
    <div id="red"></div>
</div>
</body>
</html>

Similar Messages

  • HT5649 how can you add a previous playlist from a different apple Id  both belong to the same person

    how can you add a previous playlist form a different apple ID, both belong to the same person

    It's ok to share the same AppleID for iTunes.  Use Separate ID's for iCloud, iMessage, and Facetime. 

  • How can i connect a windwos vista laptop with time capsule. Both are still in the same network

    Hi,
    i have a running wlan network. In this network are a macbook pro, a Vista notebook and the time capsule. The Macbook runs perfectly with the time capsule, but how can I connect the vista machine with the time capsule?
    Thanks for help

    The TC is SMB (windows networking protocol) compatible.
    Is the issue wireless? Can you get internet via the TC?
    Are you trying to access the hard disk?
    Did you load the airport utility for windows..? If not please do so.. that at least is the first step. It loads bonjour for windows, and a connection agent.
    Sometimes that is all that is required.
    Open a windows explorer and type in the address bar
    \\TCname or \\TCIPaddress .. obviously replacing the generic name with actual name or IP.
    You might need to change all the names to SMB standard via the utility. Short no spaces pure alphanumeric.
    You might need to fix the permissions.. ie turn on the guest account if security isn't an issue.
    You might need to fix networking in the vista .. shudder.. notebook.. to ensure it is not blocking the TC.

  • HT201441 How can I take someone's account off my phone if they don't remember the password or email address used to set it up?

    I lent my iphone 4s to a friend who set it up with his Icloud and when I tried to do deactivate the phone so I could start using it again with my Icloud It now asks for the previous persons email adress and password. He now can remeber either and we have no way of deleting the account is there anothere way around this?

    There's no way around it.  If the previous owner can't remember his ID, he can try to find it as explained here: http://support.apple.com/kb/HT5625.  If he doesn't remember his password he can reset the password as explained here: http://support.apple.com/kb/PH2617.

  • How can I show viewers of my projected iPad screen where my fingers are touching the screen?

    So Keynote shows a cool "laser pointer" when you hold your finger against the screen in presentaiton mode....
    I'd like to use a similar "laser pointer" effect to show where my fingers are touching the screen in any application -- and, yes, where there are simultaneous multiple finger contacts.
    This would be so helpful in demo-ing the "new" iPad to a group of 30+ professors this coming August. Hold an iPhone over the screen as a camera just doesn't "cut it."
    - Brian

    You can add extra empty toolbars if you want to see more of the persona.
    You can create extra toolbars to get extra space via "View > Toolbars > Customize" or "Firefox > Options > Toolbar Layout"
    You have to put something on a toolbar (drag a Space item onto it) before closing the Customize window because empty toolbars are automatically removed.

  • How can you share two iPad calendars? We each have an iPad and I want to see there's on mine.

    I was wondering if anyone can help with detailed directions. I read somwhere that you can share in the ciloud but I can't figure out how to do it. Thanks so much!!,

    Thank you for your reply Domingo.  Your suggestion worked as far as sending me a link to buy the book at iTunes.  But it did not allow me to download the book from my wife's account.  I did finally get an answer from Apple.  It took an entire day of emailing back and forth and the final answer was relatively easy once Apple finally decided to give up the solution.  Basically, you have to open ibooks and sign out.  Then you have to sign into ibooks using the book purchaser's Apple ID and password.  Then you can download the book onto your device.  Not too bad, huh?  It only took a whole day of Apple people sending me wrong instructions before they figured it out.  Geez.  What a disappointing experience.

  • I currently have one input but need to run two loops. I cannot get the two while loops to run so that they both pick up the same data, they are both picking up alternate samples. How can I get them to both pick up all of the values?

    The system I am trying to create calculates a number of values based on an input. I need to make the calculations and display the values for an entire production run and for each hour. The only way I know to do this is to create two while loops, one looking at all the values that are received and one looking only at the values for hour long periods.
    Any help would be great.
    Thanks
    RossH

    Why do you think that you have to have two loops to accomplish this task? Why not use one loop and accumulate the same data into two data sets based on the two sets of criteria?

  • HT5517 How can i play apple tv and tango air at same time, both are on apple tv listing but i cannot play them both at same time?

    CAn anyone help me, speakers are both displayed on apple tv but cannot play both, appletv with speakers and a new tango air!

    hmmmm. i suspect you've already found this document:
    AirTunes: Error -3256 when streaming to multiple AirPort Express units
    perhaps also try working through the techniques from the following document to see if they are of any help with this:
    iTunes for Windows: Music Sharing with Windows Internet Connection Firewall

  • How can we have two different Itunes libraries on one computer?

    How can we have two Itunes accounts on one computer?  I found info on the itunes help page but I do not know how to follow the steps given because I am not prompted with what it says I should be prompted with? Please help I don't want to delete one of our libraries

    Launch iTunes with the Shift key held down as needed, or use different Windows XP user accounts.
    (74282)

  • How can I retain two versions of my iPad backup in iTunes?

    HI,
    When I backup my iPad on iTunes, the previous backup is automatically deleted and a new back is created.
    How can I retain two versions of my iPad bacup in iTunes?
    Thanks, Ramani

    Backup the device. Immediately restore the backup. The restored backup is now archived and a new rolling backup set is created. You can repeat as needed and clear older backups from Edit > Preferences > Devices.
    tt2

  • How can I get two missing numbers on a iTunes card

    How can I get two missing numbers on a iTunes card

    "Get help",just below the form space where I entered the code. Once I clicked "Get Help", it added another line to the form where I could enter  THE NUMBER ON THE BOTTOM LEFT CORNER on the back of the card. I entered as much of the I scratch-off code I could read, along with the serial number.

  • How can I blend two video clips where they join side by side in one movie?

    Hello Marvelous Movie Making Minds,
    I am working with Adobe Premiere 6 on a Windows 7 machine.
    How can I blend two video clips where they join side by side in one movie?
    I know how to place two or more video clips together in the same movie, but how can I give them a bit of a blend just where they join?
    I have a PDF instruction manual and the built-in web browser instructions.  In the instruction manual in "Chapter 7: Superimposing and Compositing" it talks about the transparency of any video clip, and I understand that... but I don't want to make one or the other video clip transparent anyplace except where the two video clips join together with perhaps a bit of overlap.
    I'd like to make a little blur just where the two videos join in the middle... is this possible?
    Thanks,
    digi

    Aha that kind of blending.
    Have not used 6.5 in a loooooooong time.
    So this is from memory, hope i get this right.
    Set the two clip on top of each other
    Make a matte in Photoshop and superimpose this over the two clips.
    Go to the Transparancy Settings and set the top clip in video 2 to Alpha key.
    Screendump for matte:
    The right side is made black just for the forum but should be transparant.

  • How do I have two apps running side by side i.e. calculator

    How can i have x2 apps running side by side ie notebook & calculator without going back & forth.
    I have tried several browser type apps but these have not been very succesfull.
    My daughters samsung does this no problem at all.
    Does anyone no why it seems so hard to acheive especially after all the updates ect since launch.
    Probably going to go down samsung route.
    Dave

    7 month old thread, probably by this time OP already has a Note.
    As for the rest of us, we did understand. Kappy answered correctly that it could not be done. Its jus not something iOS is programmed to do.
    We then gave some alternatives. no one suggested it was what the OP wanted to do. Just something that could be done to approximate the requirement.
    If that doesn't work for you, then there's nothing else that can be done.
    Its not a currently supported feature on iOS. You can offer the suggestion to Apple on their feedback page.
    http://www.apple.com/feedback/
    There's nothing wrong with buying a different product that fits your needs more than an iPad.
    Its like tryng to take a Sedan offroad. Was it built to do that?  No. Can it, probably limitedly but the experience is not going to be very pleasant. Buy an Offroad vehicle and you can go offroad just fine. You don't whine because the sedan can't do it. You get something that can.

  • How can I have two itunes accounts on one computer?

    How can I have two itunes accounts on one computer?

    Not sure what you mean.
    An account is a user name and password.
    Sign into whichever account you want to use for purchasing.
    Authorize the computer for both account to listen to the content.

  • How can I combine two itunes accounts into one?

    How can I combine two itunes accounts into one?

    Items purchased from the iTunes Store are permanently associated with the account from which they were originally purchased.  Apple provides no way to change this.
    However, if you wish to put content from two accounts into a single iTunes library, you can easily do so.  Use the command File > Add File (or Folder) to Library.

Maybe you are looking for