Columns wont adjust to monitor size

I've created a container inside my div that is holding three columns (sidebar1, maincontent, sidebar2). Whenever I adjust the size of my screen/view/workspace to be smaller sidebar 2 runs into main content.
How do I keep all three columns fixed so when my screen size changes they constrain together in proportion?
I'm new to this so please critique and excuse my messy html:
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Untitled Document</title>
<link href="Styles/main.css" rel="stylesheet" type="text/css">
<style type="text/css">
a {
          font-size: x-small;
          color: #464343;
a:link {
          text-decoration: none;
a:visited {
          text-decoration: none;
a:hover {
          text-decoration: none;
          color: #30CB77;
a:active {
          text-decoration: none;
</style>
</head>
<body>
<div id="wrapper">
  <header id="top">Colton B. Gigot
    <nav id="mainnav">
    <ul>
    <li><a href="Contact.html">CONTACT</a></li>
    <li><a href="Clients.html">CLIENTS</a></li>
    <li><a href="Services.html">SERVICES</a></li>
    <li><a href="About.html">ABOUT</a></li>
    <li><a href="Index.html">HOME</a></li></ul></nav>
  </header>
</div>
<br>
<br>
<div id="hero"><figure>
  <div align="center">
    <p>IMAGE </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
  </div>
</figure>
</div>
<div id="mainbody">
  <h1 align="center">TAGLINE</h1>
  <div align="center">smaller text - bio </div>
</div><br>
<br>
<br><div id="container">
<div id="sidebar1">
  <div align="center">
    <h2>Our Pocess</h2>
    <p>smaller text </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <div id="container">
      <p> ICON</p></div>
  </div>
</div><div id="container">
  <div id="sidebar2">
    <div align="center">
      <h2>Simple Plans &amp; Pricing</h2>
      <p>smaller text</p>
      <p> </p>
      <p> </p>
      <p> </p>
      <div id="container">
        <p> ICON</p></div>
    </div>
  </div>
  </p></div><div id="mainContent">
    <div align="center">
      <h2>heading</h2>
      <p>smaller text</p>
      <p> </p>
      <p> </p>
      <p> </p>
      <div id="container">
      <p> ICON</p></div></div>
    </div>
  </div></div>
  <div class="clearfloat"></div>
<div id="footer">
<footer id="bottom">
  <nav id="bottomnav">
  <ul>© Copyright Colton B. Gigot 2014
  <li><a href="Contact.html">CONTACT</a></li>
    <li><a href="Clients.html">CLIENTS</a></li>
    <li><a href="Services.html">SERVICES</a></li>
    <li><a href="About.html">ABOUT</a></li>
    <li><a href="Index.html">HOME</a></li></ul></nav>
</footer>
</div> <div id= "images">
<section id="images"><br>
Facbook, Twitter, Blog, Youtube ( clickable images )
</section></div>
<!--end#container--></div>
</body>
</html>

IDs are unique identifiers. They cannot be used more than 1 time per page.  Why don't you use HTML5?  It's simpler than what you have now.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled HTML5 Document</title>
<style>
body {
    width: 960px;  /**adjust width as req'd**/
    margin: 0 auto;  /**width width, this is centered**/
    overflow:hidden; /**float containment**/
/**CSS Reset**/
     margin:0;
     padding:0;
     -moz-box-sizing:border-box;
     -webkit-box-sizing:border-box;
     box-sizing:border-box;
aside {
    min-height: 300px;
    background: #FFC;
    width: 20%;
    float: left;
article {
    min-height: 300px;
    background: #EAEAEA;
    width: 60%;
    float: left
nav{background:#CFF  }
footer {
     clear:both;
     background:#FCC;
     font-size: x-xmall
</style>
</head>
<body>
<h1>Site Name</h1>
<h2>Some Pithy Slogan</h2>
<nav>Your menu goes here...</nav>
<aside>Sidebar 1</aside>
<article>Main Content</article>
<aside>Sidebar 2</aside>
<footer>
Your footer goes here...
</footer>
</body>
</html>
Nancy O.

Similar Messages

  • How do I create a digital book that fits tablets and computer monitor sizes?

    How do I create a digital book that fits tablets and computer monitor sizes?
    Example: An 8.5 X 11, 2 column Word document with pictures, approximately 100 pages.
    Must I also publish the book in a 5X8 format or does Acrobat have something that will do that for me?

    Starting at the end:
    - When the movie or tv show does transfer onto your iphone/ipod touch you will be able to see it in the expanded view of your device in the "DEVICES" section.
    - If the files are not on your device, then:
         -- confirm you have SD or HD-SD video. HD-only content will not play and probably will not even sync. iTunes seems to reliably have SD versions with their HD distributions so this should not be an issue
         -- confirm you are synch-ing the content to the ipod device by browsing the DEVICE view's Movie or TV Show tabs to confirm the movie or episode is 'checked'
    - If the files are on the iPod and you cannot find them, check your Settings: General for Restrictions.  If you restrict, for example the movies to "G" rating. PG and higher movies will sync but you will not be able to find them on the iPod!

  • How can I adjust the font size of my printouts?

    I have an HP Officejet 4500 all-in-one printer and a new HP pavilion Slimline computer.  Since I changed to this computer, my printouts have very small font size making them hard to read.  How can I adjust the font size of the printout?  Is it a computer or printer function? I appreciate the help.

    I, too, am frustrated.  This seems like something that would easily be handled within the application software.  However, none of the fixes I've been offered have been very helpful.  My cousin sugested using Control C and Control V to move the text to WORD.  Once in WORD, you can manipulate the text on a WORD page...sometimes.  I've had good and bad luck with this method.  It still requires working in two different programs to get it legible.  Does anyone else have a 4500  All-in -one with this problem, or is it only me?  Thanks,  [Edited for Personal Information]

  • How can I adjust the font size in iTunes 11?

    How can I adjust the font size in iTunes 11?  Specifically, when in Artist view both the text in the sidebar and the track listing are huge.

    How to change fontsize in iTunes
    Take an XML-Editor and open:
    "C:\Program Files (x86)\iTunes\iTunes.Resources\de.lproj\TextStyles.plist"
    For other languages change your country code (de, en, fr, pl ...).
    Example for english:  "\en.lproj\TextStyles.plist".
    Backup this File !!!
    To change the Text-Size, change the integer value of the following item:
    "<key>size</key>"
    "<integer>8</integer>"
    This means Text-Size 8
    "<key>size</key>"
    "<integer>12</integer>"
    This means Text-Size 12
    To change the font, change the integer value of the following item:
    <key>font</key>
    <string>Arial</string>
    This means the font changes to Arial
    This also works:
    <key>italic</key>
    <true/>
    <key>bold</key>
    <true/>
    <key>underline</key>
    <true/>
    Example of common Text Properties:
    <!-- Artist View, Text Size In Artist List , Unselected -->
      <key>1033</key>
      <dict>
            <key>- loc hint -</key>
            <string>item table cell 3</string>
            <key>bold</key>
            <true/>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>8</integer>
        </dict>
      <!-- Artist View, Text Size In Artist List, Selected -->
      <key>1034</key>
      <dict>
            <key>- loc hint -</key>
            <string>item table cell 3 (bold)</string>
            <key>bold</key>
            <true/>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>8</integer>
        </dict>
    <!-- Album View Text Size, Titles Of Track List, After Click On Album -->
        <key>1021</key>
        <dict>
            <key>- loc hint -</key>
            <string>item track list 1</string>
            <key>font</key>
            <string>Segoe UI Semibold</string>
            <key>size</key>
            <integer>8</integer>
        </dict>
      <!-- Artist View Text Size, Titels Of Track List -->
        <key>1022</key>
        <dict>
            <key>- loc hint -</key>
            <string>item track list 2</string>
            <key>font</key>
            <string>Segoe UI</string>
            <key>justification</key>
            <string>right</string>
            <key>size</key>
            <integer>8</integer>
        </dict>
      <!-- Track Number Size, In Album And Artist View -->
        <key>1023</key>
        <dict>
            <key>- loc hint -</key>
            <string>item track list 3</string>
            <key>font</key>
            <string>Segoe UI</string>
            <key>justification</key>
            <string>right</string>
            <key>size</key>
            <integer>9</integer>
        </dict>
      <!-- Artist Text Size, In Album And Artist View -->
        <key>1024</key>
        <dict>
            <key>- loc hint -</key>
            <string>item track list 4</string>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>9</integer>
        </dict>
    <!-- Album View Text Size, Title Of Album Under The Cover -->
        <key>1001</key>
        <dict>
            <key>- loc hint -</key>
            <string>item grid 1</string>
            <key>bold</key>
            <true/>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>8</integer>
        </dict>
      <!-- Album View Text Size, Artist Under The Cover -->
        <key>1002</key>
        <dict>
            <key>- loc hint -</key>
            <string>item grid 2</string>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>8</integer>
        </dict>
    <!-- Titleview Textsize In Table -->
        <key>9002</key>
        <dict>
            <key>- loc hint -</key>
            <string>List Contents (Small)</string>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>8</integer>
        </dict>
    <!-- Title View Text Size, Title Of Album Next To Cover -->
        <key>9029</key>
        <dict>
            <key>- loc hint -</key>
            <string>List Contents (Small Bold)</string>
            <key>bold</key>
            <true/>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>5</integer>
        </dict>
    <!-- Textsize Playlist Sidebar Left Selected -->
        <key>1307</key>
        <dict>
            <key>- loc hint -</key>
            <string>playlists outline small font (selected)</string>
            <key>bold</key>
            <true/>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>3</integer>
        </dict>
    <!-- Textsize Playlist Sidebar Left Unselected -->
        <key>1304</key>
        <dict>
            <key>- loc hint -</key>
            <string>playlists outline small font</string>
            <key>bold</key>
            <true/>
            <key>font</key>
            <string>Segoe UI</string>
            <key>size</key>
            <integer>7</integer>
        </dict>
    Hope this helps.

  • I want to make my background appear in the same spot and size on every monitor size

    Hello,
    I am adding a background to my site, and on my monitor it appears in the right dimentions. However, when I zoom out or in on my monitor the background changes sizes. How do I keep it in one position and the same size the entire time despite the monitor size? Here is my code:
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <style>
    @import url("footer.css");
    html {
    background-color: #000000;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #000;
    background-image: url(Background.jpg);
    .footer p a {
    color: #CCC;
    body {
    width: 1041px;
    margin: auto; /* keeps the page centered */
    font-family: Arial, Helvetica, sans-serif;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-color: #000;
    background-attachment: fixed;
    a {
    color: #8A0404;
    text-decoration: none;
    a:hover {
    color: #FFFFFF;
    .header {
    height: 150px;
    background-image: url(headernew.png);
    width: auto;
    float: none;
    background-color: #000;
    background-repeat: no-repeat;
    padding-top: 0px;
    clip: rect(auto,auto,auto,auto);
    .header .nav {
    width: 450px;
    float: right;
    margin-top: 55px;
    text-align: right;
    .header .nav span {
    font-size: 12px;
    font-weight: bold;
    color: #8a0404;
    margin-left: 25px;
    .navbar {
    background: #FFFFFF;
    line-height: 35px;
    margin: auto;
    width: 170px;
    float: right;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    bottom: 120px;
    position: relative;
    height: 55px;
    right: 55px;
    .navbar .nav {
    width: 50%;
    float: left;
    .content {
    background: #FFFFFF;
    .aside {
    width: 330px;
    float: right;
    color: #8a0404;
    padding-top: 10px;
    background-color: #000000;
    .section.main {
    background: #FFFFFF;
    width: 700px;
    float: left;
    bottom: 0px;
    padding-bottom: 15px;
    .article {
    min-height: 400px;
    text-align: justify;
    background-color: #FFFFFF;
    background-repeat: repeat-y;
    padding-top: 0px;
    padding-right: 20px;
    padding-bottom: 0px;
    .centertxt {
    text-align: center;
    .righttxt {
    text-align: right;
    padding-right: 15px;
    img.center {
    display: block;
    margin: auto;
    .section.main .article h3 {
    text-align: center;
    font-style: italic;
    color: #97222B;
    font-size: 30px;
    .footer {
    font-size: 11px;
    text-align: center;
    width: 100%;
    background-color: #000;
    border-top-width: 5px;
    border-top-style: solid;
    border-top-color: #000;
    border-right-color: #000;
    border-bottom-color: #000;
    border-left-color: #000;
    position: relative;
    left: 0px;
    bottom: 0px;
    clear: both;
    color: #CCC;
    border-bottom-width: 2px;
    border-bottom-style: solid;
    margin-right: auto;
    margin-left: auto;
    .signature {
    position: relative;
    </style>
    <link rel="stylesheet" href="dakevid_videolb/overlay-minimal.css"/>
    <link rel="stylesheet" type="text/css" href="banner_files/banner-rotator.css" />
    <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
    <link href="footer.css" rel="stylesheet" type="text/css">
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="banner_files/jquery.banner-rotator.min.js"></script>
    <script type="text/javascript">
    $(window).load(function() {
    $("#JQBannerRotator2").fdBannerRotator({keyboardEnabled:true,frameShadowEnabled:true,slide Width:700,slideHeight:300,slideScaleMode:"none",slideTransition:{type:"fade",duration:300, easing:"easeOutQuad"},slideDuration:3000,slideAutoplay:true,slidePauseOnHover:true,timerPo sition:"top",timerVisible:false,captionAnimationSpeed:500,captionAnimationEasing:"easeOutQ uad",controlDirectionEnbled:true,controlDirectionHide:true,controlPlayEnabled:true,navigat ionEnabled:true,navigationPositionTop:240,navigationPositionMargin:10,navigationAlign:"rig ht",navigationThumbEnabled:true,navigationThumbServerScipt:"",navigationThumbSearch:".jpg" ,navigationThumbReplace:"_thumb.jpg",navigationThumbWidth:150,navigationThumbHeight:65,nav igationThumbAnimationSpeed:200,navigationThumbAnimationEasing:"easeOutQuad"});
    </script>
    <body marginwidth="auto" marginheight="auto">
    <div class="header"></div>
    <ul id="MenuBar1" class="MenuBarHorizontal">
      <li><a href="index.html">Home</a></li>
    <li><a href="about.html">About</a></li>
    <li><a href="news.html">News</a></li>
    <li><a href="http://www.xcelonlinestore.com/collections/kyle-dake-official-merchandise" target="_new">Merchandise</a></li>
    <li><a href="#" class="MenuBarItemSubmenu">Media</a>
    <ul>
    <li><a href="video_gallery.html">Videos</a></li>
    <li><a href="photo_gallery.html">Photos</a></li>
    </ul>
    </li>
    <li><a href="events.html">Events</a></li>
    <li><a href="sponsors.html">Sponsors</a></li>
    <li><a href="representation.html">Representation</a></li>
    <li><a href="contact.php">Contact</a></li>
    </ul>
    <div class="navbar"><iframe src="http://free.timeanddate.com/countdown/i3zg3ync/n35/cf12/cm0/cu3/ct0/cs0/ca0/cr0/ss0/cacfff /cpc000/pc000/tcfff/fs90/szw320/szh135/tatCountdown%20To/tacfff/tptTime%20since%20Event%20 started%20in/tpc000/matThe%20World%20Championships/macfff/mpc000/iso2014-08-26T00:00:00/pa 5" frameborder="0" width="214" height="75"></iframe>
    </div>
    <div class="content">
    <div class="section main">
    <div id="JQBannerRotator2" class="JQBannerRotator">
    <div class="overlay"></div>
    <ul class="data">
    <li><img class="slide" src="banner_files/slides/lansing.jpg" alt=""/></li>
    <li><img class="slide" src="banner_files/slides/eiwa.jpg" alt=""/></li>
    <li><img class="slide" src="banner_files/slides/coaching.jpg" alt=""/></li>
    </ul>
    </div>
    <div class="article">
    <h3>Welcome to KyleDake.com</h3>
    <p><img src="test.png" width="323" height="441" hspace="20" align="left">Hey Guys! Thanks for visiting my website. I hope you find what you are   looking for, whether it be clothes and merchandise, information, or   inspiration! I want to thank you for supporting me and my dreams as I am   chasing them down every day. The fans are one of the most important   parts of what I do, I hope everything I have done and will do benefits   someone somewhere. Make sure you are chasing your dreams every second   you breathe.<span class="signature"><img src="Signature2.png" width="203" height="109" align="right"></span></p>
    <p> </p>
    </div>
      </div>
    <div class="aside">Follow Kyle on Twitter | Check out Kyle's Facebook Page</div>
      <div class="aside">
    <p class="righttxt"> </p>
    <p class="righttxt"><a class="twitter-timeline"  href="https://twitter.com/kyledake444"  data-widget-id="423108832919695363">Tweets by @kyledake444</a>
    <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getE lementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.j s";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
    </p>
      </div>
    </div>
    <div id="footer">
    </div>
    <script type="text/javascript">
    var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
    </script>
    <div class="footer">
      <p>All Rights Reserved 2013 X-Cel Worldwide | © Kyle Dake 2013 | This is the official Kyle Dake Website | Web Design <a href="http://www.riccioproductions.com/" target="_new">Riccio Poductions</a> | </p>
    <a href="http://www.cfathletic.com/" target="_new"><img src="cf.png" width="83" height="40" border="0"></a><a href="http://www.milwaukeetool.com/" target="_new"><img src="mil_tools.png" width="81" height="55" border="0"></a><a href="http://www.ai-sport.com/ai-performance/ai-performance-wrestling" target="_new"><img src="ai_wrestling.png" width="228" height="47" border="0"></a></div>
    </body>
    </html>
    Thanks!!

    It works in everything except IE, which it notes so I knew that going in. Any thoughts on how to fix it up? Here's the site again:
    http://www.kyledake.com/testindex.html

  • How do you adjust the font size for the tabs and icons around the screen?

    How do  you adjust the font size of tabs and and icons to ake them larger?

    sfcalling
    Click on the text in the menu so that you see the bounding box around it. Look to the right of the Movie Menu customization workspace, Adjustments Palette, Text and edit your text font style and size.
    In this screenshot, "Glass Flowers" text in the main menu is selected and its Adjustments Palette Text editing opportunities are shown. To do comparable editing in the scene menu, click on the scene menu in the bin to bring its image up to the screen.
    Please let us know if you are OK with the details.
    Please also review the following Adobe document on disc menus which applies to both version 11 and 12.
    Adobe Premiere Elements 11 * Creating disc menus
    By the way, what computer operating system is your Premiere Elements 12 running on?
    Thanks.
    ATR

  • How to adjust the font size of iPad in printing a web page.

    How to adjust the font size of iPad printout of web pages ?

    In HTML Header I put textDid you mean Page Header Text? It wouldn't have done much of anything at all in the HTML Header...
    However, the font doesn't do anything.Yet another universal selector problem: see +{message:id=4184109}+
    How do I overwrite the style sheet? I am wondering if I change the default style sheet, does that also affect the other pages, which is not what I want. In that case you can just include the CSS inline, which will also get round the universal selector issue. You are also recommended to use a semantic HTML element instead of deprecated presentational elements like &lt;center&gt; and &lt;font&gt;. Assuming this text is the primary heading on the page, use &lt;h1&gt;:
    <img src="#WORKSPACE_IMAGES#my_header_logo_white.jpg" alt="" title="Application" />
    <h1 style="font-size: large; font-weight: bold; text-align: center;">Web Management System</h1>

  • How can I adjust the font size, etc., when completing a PDF form in Preview?

    I would like to use Preview to fill-out or complete a PDF form.  The default font that Preview uses when I begin typing in a field is too large.  How can I adjust the font size.  And while I'm asking, can I also adjust the font color, weight, emphasis, etc.?

    Whilst in the Preview application, press "Shift - Command - A" (⇧⌘A) simultaneously to show the markup toolbar, or click View, and select "show markup toolbar". There is an icon "A" near the right hand side of the now visible markup toolbar, click this icon to reveal all the font options. 

  • Is there a way to adjust popup applet size according to applet contents so that I dont have to scroll ever?

    Hello,
    Could anyone please let me know if there is any way to adjust the popup size according to contents displayed in the popup so that I dont have to scroll in the applet.
    Thanks.
    Nanta

    Sorry mate, cant post a screenshot as the site is client confidential...can get me in trouble.
    its just that default width of the popup is 300px(using inspect element); but when the popup opens, some of the buttons are not visible and I have to scroll horizontally to see these.
    I was looking for something wherein I can permanently set the popup width to 700px.
    Any help is appreciated. Thanks.

  • Program Monitor Size Problem

    I am able to import .mpeg files into PP CS5.  However, while my Source Monitor auto sizes the material correctly, the same material appears zoomed in on my Program Monitor.  I have selected "Fit" as the Program Monitor size.  How do I correct this?  Is it a result of my project preferences perhaps?  Thanks.

    Thanks, Jim.  I studied this video piece closely.  But it did not address the issue of mixed footage, which is the underlying reason for the varying Program Monitor screen sizes of images.  Essentially, if I choose a Sequence setting to accomodate my 1280 x 720 (1.0) footage, then my 1440 x 1080 (1.3333) footage is enlarged in my Program Monitor.  By contrast, if I choose a Sequence setting to accomodate my 1440 x 1080 (1.3333) footage, my 1280 x 720 (1.0) footage is reduced in my Program Monitor.
    I should point out that I was indeed able to create a sequence for each footage type file.  And both Source and Monitor image sizes matched.  But as soon as I created a new sequence and dropped clips from the two different footages into it, I was right back where I started.
    I attempted using Interpret Footage to try and match footage.  But the available selections there do not accomplish this.
    So I suppose the question is:  How does one conform mixed footage like those listed above so that they match in the Program Monitor and consequently, when exported?
    Thanks 

  • Frameset and monitor size

    Howdy, I have a frameset that looks one way on a 14 inch
    monitor but looks another way on a 15 inch or larger screen. Please
    note I am using the same operating system (vista), the same
    browser, ie 7. Both screens are using 1280 x 800. But the frame set
    draws the top frame higher on bigger monitors. For example I have a
    top frame and it has text displayed in it. On a 14 inch monitor
    there is about a 1/8 inch gap between the bottom of the text and
    the frame border. But viewed on a larger monitor with all the above
    specs there is a greater gap between the botton of the text and the
    frame border. What do I need to do to make this frameset display
    the same on different monitors.
    Here is the page:
    http://www.christian-software.com/design/root/cybersitter_frame.html
    Jeff

    What you are describing is a browser viewport dimension
    problem not a
    monitor size problem. You could see both effects on the
    larger monitor by
    simply making your browser height shorter. Click and drag the
    bottom edge
    of the browser viewport to see what I mean.
    You need to know about frames, however. Please read on -
    The decision to use or not use frames should be based on a)
    your site's
    needs, and b) your willingness to accept the potential
    problems that frames
    can create for you as developer and maintainer of the site
    and for your
    visitors as casual users of the site.
    I am down on frames because I believe that they create many
    more problems
    than they solve.
    Judging from the posts here, and the kinds of problems that
    are described,
    the kind of person most likely to elect to use frames is also
    the kind of
    person most likely ill-prepared fo solve the ensuing problems
    when they
    arise. If you feel a) that you understand the problems and b)
    that you are
    prepared to handle them when they occur, and c) that you have
    a need to use
    frames, then by all means use them.
    As far as I know, the most comprehensive discussions of
    frames and their
    potential problems can be found on these two links -
    http://apptools.com/rants/framesevil.php
    http://www.tjkdesign.com/articles/frames/
    Your problem is that you have specified the height of BOTH of
    the two frames
    in absolute values.
    <frameset rows="120,332" cols="*" border="4"
    framespacing="4"
    frameborder="NO">
    <frame src="cybersitter_frame_top.html"
    name="cybersitter_top"
    scrolling="NO">
    <frame
    src="https://www.cybersitter.com/secure/dcsorder.asp"
    name="cybersitter_main">
    </frameset>
    So - when the browser is taller than 120 + 332 = 452px, the
    extra height
    will be allocated to each frame in the ratio of 120/332 to
    the top frame and
    212/332 to the bottom frame. The way to overcome this is to
    make the top
    frame fixed in height but the bottom frame completely
    flexible -
    <frameset rows="120,*" cols="*" border="4"
    framespacing="4"
    frameborder="NO">
    Then rip out the frames and throw them away!
    Murray --- ICQ 71997575
    Adobe Community Expert
    (If you *MUST* email me, don't LAUGH when you do so!)
    ==================
    http://www.projectseven.com/go
    - DW FAQs, Tutorials & Resources
    http://www.dwfaq.com - DW FAQs,
    Tutorials & Resources
    ==================
    "jphilapy" <[email protected]> wrote in
    message
    news:[email protected]...
    > Howdy, I have a frameset that looks one way on a 14 inch
    monitor but looks
    > another way on a 15 inch or larger screen. Please note I
    am using the same
    > operating system (vista), the same browser, ie 7. Both
    screens are using
    > 1280 x
    > 800. But the frame set draws the top frame higher on
    bigger monitors. For
    > example I have a top frame and it has text displayed in
    it. On a 14 inch
    > monitor there is about a 1/8 inch gap between the bottom
    of the text and
    > the
    > frame border. But viewed on a larger monitor with all
    the above specs
    > there is
    > a greater gap between the botton of the text and the
    frame border. What do
    > I
    > need to do to make this frameset display the same on
    different monitors.
    >
    > Here is the page:
    >
    http://www.christian-software.com/design/root/cybersitter_frame.html
    > Jeff
    >

  • Adjusting for monitor resolution

    Hi all. Just a quick question...hopefully it is in the right
    topic.
    I think I remember reading here a long time ago, that you
    could write a script that would have read the monitor resolution
    and load the approperiate index.thml file for that screen and
    viewing size. Was I just dreaming or is it possible to write a code
    that can detect monitor size (like 800x600 or 1024x768) and load
    index.html that is right for the particular monitor the user is
    using. ?
    Thanks for any infor/help on this.

    AlexisNeel wrote:
    > Hi all. Just a quick question...hopefully it is in the
    right topic.
    >
    > I think I remember reading here a long time ago, that
    you could write a script
    > that would have read the monitor resolution and load the
    approperiate
    > index.thml file for that screen and viewing size. Was I
    just dreaming or is it
    > possible to write a code that can detect monitor size
    (like 800x600 or
    > 1024x768) and load index.html that is right for the
    particular monitor the user
    > is using. ?
    open flash help, select ActionScript section and type in
    "screen resolution".
    There are only 3 topics, all related to your question.
    In the future, please try to check available documentation
    before posting questions.
    It's counter productive for us retype what you already have
    in your manuals.
    Best Regards
    Urami
    <urami>
    If you want to mail me - DO NOT LAUGH AT MY ADDRESS
    </urami>

  • Div box gets relocated depending on browser and monitor size. HELP!!!!!!!!!!!

    div box gets relocated depending on browser and monitor size. HELP!!!!!!!!!!!

    This is usually caused by malformed HTML, CSS and/or the use of absolute positioning in primary layouts.  Without a link, it's all guesswork on how to fix it though. 
    Nancy O.

  • Flash Display size on various monitor sizes

    I'm creating an flash interactive that will be view several different monitor sizes. What's a safe or standard size (resolution) to create the flash movie.
    Thanks for any response.

    You should use whatever size fits comfortably in the browser on the smallest screen. Do you have any idea what size screen resolutions your users will be using?

  • The drop down menus in Photoshop CC 2014 are too small to read without using the magnifier.  They are OK in Photoshop CC.  I have been unable to find anyplace to adjust the font size.  I have Windows 7 Pro.  Looking at the Photoshop version history, it lo

    The drop down menus in Photoshop CC 2014 are too small to read without using the magnifier.  They are OK in Photoshop CC.  I have been unable to find anyplace to adjust the font size.  I have Windows 7 Pro.  Looking at the Photoshop version history, it looks like this problem comes and goes as Photoshop is updated.  It should be an easy fix.

    Try the Photoshop CC 2014 Preference experimental section 2X UI option

Maybe you are looking for

  • How to directly access day/date in iOS 8 phone calendar?

    I have an iPhone 5, and mistakenly downloaded the latest OS 8.0. I have not experienced some of the other problems reported with this upgrade, but am totally frustrated with the latest release of the Calendar app. The new iPhone software does not see

  • All my notes are gone!! How do I get them back?

    I mistakenly switched my notes to off in the mail, contacts and calendars section on settings. However it was switched to off under an inactive mail account. By doing so it got rid of ALL of my notes. I went to go back and switch it back ON but they

  • Calling an external web service from a session bean

    We're integrating our Weblogic EJB application with a third party JBoss-based product that exposes a web service API. I thought that Weblogic should have all of the libraries available that I would need in order to make this connection. However, when

  • Help!  Intercheck process taking 100%  of my processor

    Hi, I have a dual-core MBP, and when i try to run programs like mail, word, and firefox at the same time, the Intercheck process decides to take a lot of my CPU.  Whenever this happens, i have to restart my computer, and if i don't, it will eventuall

  • Performance issue with ALV Grid in Module Pool

    Hi Experts, I am using an editable ALV Grid on a screen. This ALV does not have too many fields and is called in modal dialog box. I call this screen from a standard transaction. The problem is this screen is taking 3-4 seconds to load. I checked tha