Web Analytics Made Easy -
StatCounter How to stop Margins re-sizing?!?!?! - CodingForum

Announcement

Collapse
No announcement yet.

How to stop Margins re-sizing?!?!?!

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • How to stop Margins re-sizing?!?!?!

    I've got a layout with an outer background <div>, then an inner <div> only taking up 60% ish of the screen, and I want this div fairly centered to the screen, so am obviously using margins.

    The problem is, I dont want the margins re-sized when someone adjusts the browser, however the margins are being re-sized at the moment, but I think I need the margins to get the content centered as I want.........

    Any ideas........

    <html>
    <head>
    <style type="text/css">
    .wrapper {
    background-image:url('http://borg.cc.gatech.edu/Software/bsubtract/Images/demo-reverselinear-black.jpg');
    }
    .wrappertwo {margin-left:20%;
    margin-right:20%
    }

    .aa { float:right;
    width:200px;
    margin-top:-45px;
    margin-right:5px;
    display: }

    .aa li {float:right;
    background-color:white; }
    .aa a {padding-right:20px;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    display:inline-block; }
    h1 {color:black;
    }
    .pp {border-right:dashed;
    border-width:1px; }
    .ooo {padding-left:5px; }

    .allheader {background-image:url('http://media.bigoo.ws/content/background/color_light_blue/color_light_blue_173.gif');
    border-width:1px;
    border-style:dotted; }
    p {color:white; }
    </style>
    </head>
    <body>
    <div class="wrapper">
    <div class="wrappertwo">
    <div class="allheader">
    <h1>An example website</h1>
    <ul class="aa">
    <li class="ooo"><a href="http://badabingbaby.com">Login</a></li>
    <li class="pp"><a href="http://bbc.co.uk">Register</a></li>
    </ul>
    </div>
    <p>Like any paperwork that accompanies electronics portable players, listings on eBay and instruction manuals are chock full of jargon. And, as a DVD player retailer it is your job to understand what all the acronyms stand for, and what all the buttons do. But why? You might ask. There are two simple reasons:

    1) You don't want to look like a complete amateur in front of tech savvy shoppers.
    2) You will need to be able to explain what everything does in clear simple language for novices who don't really understand what they're buying.

    So, to help you out we've put together a list of almost all of the terms you are likely to come across when selling portable DVDs online.

    Media Formats

    MPEG 1, 2, 3 & 4: Audio and video compression standards set by the Moving Pictures Export Group. The numerals refer to versions with MPEG 1 being the 1st and MPEG 4 being the latest, MPEG 4 is probably best known as the MP4 format which is used on MP4 players.

    MP3: This is perhaps the most well recognized audio format designed by the Moving Pictures Expert Group. It is a standard for audio files compression.

    WMA: Windows Media Audio is an audio data compression standard developed by Microsoft but played widely in many MP3 and MP4 players from China wholesale manufacturers. The video version of this format is WMV. DiVX: A compression technique that converts long video sequences into smaller segments without loosing too much detail. It uses the MPEG-4 compression standard.

    XVID: This open source compression technique competes with DiVX for market share and also compresses video according to the MPEG-4 standard. The difference between the two is DiVX is proprietary while XVID is distributed under Gnu or is free to use.

    JPEG: This is format used for photographs and is used by most digital cameras. Having this lets the user playback pictures from the camera on the portable DVD screen.

    Disc Formats

    CD: The shorter, better known nickname for the Compact Disc Read Only Memory (CD-ROM). A CD is a pre-pressed compact disc that contains data which can be read by a computer and a number of other players but cannot be written over.

    CD-RW: This is a CD which can be recorded onto and read many times. The CD-RW can also be used to store different formats of content. This is a little like a blank VCR of the computer world.

    CD-R: A CD-R (recordable) allows for content to be written once and read many times. This type of disc stores all types of media files - this is a little like a blank VCR that you record onto and then push the tabs out of to stop it from being recorded on again. Short for Video Compact Disc. The VCD is a format for storing video on CDs. The VCD is like a VCR tape in that you cannot skip chapters or view rich data, just fast forward and rewind.

    SVCD: The Super Video Compact Disk. While this successor to the VCD was meant to challenge the DVD format it doesn't have the quality and storage capacity of the DVD and never really took off. DVD: Digital Video Discs. They look like CDs but store six times more data and can display video in chapters.

    DVD RW/ DVD+RW/ DVD-RW: Essentially three variations of exactly the same thing. A DVD RW is like a CD RW in that data can be read off them and written on them many times. The + and - and competing standards, though it is generally accepted that + is superior and therefore the industry standard for rewritable disks.

    TV Encoders

    SECAM: This analog color encoding system was developed in France for broadcast television. You can still find it used in France, parts of Eastern Europe some former French colonies. PAL: Phase Alternating Line is an analog color encoding system used in broadcast television is large parts of the world. DVDs with PAL encoding will only play on players that can decode this signal and PAL and NTSC color encoding systems give security professionals and car reversing camera installers no end of headaches.

    NTSC: This analog color encoding system was developed in the USA for broadcast television and quickly earned the nickname Never Twice the Same Color. It is Primarily used in the US, the countries' bordering it, US territories and parts of South America.

    Article Source: http://EzineArticles.com/2447415
    </p>




    </div>
    </div>
    <body>
    </html>

  • #2
    I test the code properly till i get home but i saw on this line

    margin-right:20% you missed the ; so it may not be taking effect

    and on this line

    display:

    you haven’t given it any conditions not sure if this will make any difference but ill will go thru it fully when i get home.
    .pLeAd InSaNiTy.

    Comment


    • #3
      also i would avoid using px when changing sizes as its a physical change and will not be scalable in browsers that dont use the dafault settings and your page will display incorrectly as with em it is scalable and will stay in proportion to your page.
      .pLeAd InSaNiTy.

      Comment

      Working...
      X