CSS questine

• benfal99

  .header {
  width:100%; height:100vh;
  display:block;
  padding-left:153px; padding-top:157px;
  }

  ^^
  that makes my browser horizontally scroll 153px ... like the padding left was extra to the 100% browser width. WHY??

  benfal99

  Flag

• bulletfactory0

  http://www.w3schools.com/css/css…

  bulletfactory 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  • thanks but that doesnt help.. i know whats padding, margin..benfal99
  • If you did, you would understand the box model and what's wrong with your code.ETM
  • You want something 100% wide plus another 310px of padding on top.ETM
  • Can't work.ETM

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• uan0

  wordpress questine thing
  

  

  
  what's the best way set this up in the post menu for the client?

  uan 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• benfal990

  fixed it by setting the

  width: 90%
  padding-left: 10%

  well

  benfal99 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• fadein110

  If using widths in % always use padding in the/margin in % unless v.good at maths

  fadein11 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• crillix0

  Either put the padding on a div inside your header or add box-sizing:border-box; to your header class.

  http://www.w3schools.com/cssref/…

  crillix 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel

• benfal990

  thanks!

  benfal99 0Permalink

  UpvoteDownvote

  Dogear

  Flag

  Show [[ numHiddenNotes ]] more notesAdd Note

  SaveCancel