css help new

  • Status Closed
  • Budget $2 - $8 USD / hour
  • Total Bids 13

Project Description

I am trying to build a website and my content container works ( is displayed) exactly how I want it on my 17inch laptop. However when i move it to my desktop in moves to the left and comes down to the bottom.

How do i make an element change in accordance to the resolution of a screen.

/* Entire drop-up menu, show on mouse hover */

#footer_menu li:hover .one_column_layout,

#footer_menu li:hover .two_column_layout,

#footer_menu li:hover .three_column_layout


display: block;

position: absolute;

margin: auto;

bottom: 40px;

border: 1px solid #111111;

border-radius: 7px 7px 0px 0px;

background: rgba(0,0,0,0.5);

bottom: 90px;

left: 500px;

width: 500px;

padding-left: 50px;

padding-right: 54px;

font-size: 12px;

left: 400px;


Get free quotes for a project like this
Skills Required

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online