CODEWITHSUNDEEP
jquery
7thkernel
7thkernel

Reputation: 81

center a div depending screen width

i think i'm doing something wrong. i mean, I'm trying to make a function to center one divs depending screen width.

cabecera is the div i'm trying to center using left position

my code start through this thinking:

mw ---> minimal width of the div

mg0 --> left margin + right margin ( the same value for both )

$(window).width = mg0 + mw = m + m + mw

this is my code.

function calc_margen() {
  var mw = 1000;
  var mpw = $(window).width();
  var mg0 = mpw - mw;
  var m = mg0 / 2;
  $('#cabecera').left( m );
  $('#pie').left ( m );
};

Upvotes: 0

Views: 226

Answers (1)

GManz
GManz

Reputation: 1669

CSS:

#cabecera {
    width: 1000px;
    margin: 0 auto;
}

Or in jQuery:

$('#cabecera').css({width: 1000, margin: '0 auto'});

Upvotes: 2

Related Questions