Prevent Column Shrinking when Resizing Browser

Hi,
I'm designing a site with tables and I want to prevent the columns within the tables from shrinking when the browser is resized.
Please reference the below code of two tables.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<table width="520" cellspacing="0" cellpadding="0">
  <tr>
    <td width="10" align="left" valign="top" bgcolor="#FFFFFF"> </td>
    <td align="left" valign="top" bgcolor="#CCCCCC">this column does not resize but the table is aligned left.</td>
    <td width="10" align="left" valign="top" bgcolor="#FFFFFF"> </td>
  </tr>
</table>
<P align=left>
<table width="100%" height="10" cellspacing="0" cellpadding="0" margin-top:="margin-top:" "0px" bgcolor="#FFFFFF">
  <tr>
    <td> </td>
    <td width="10" align="left" valign="top"> </td>
    <td width="500" align="left" valign="top" bgcolor="#CCCCCC">This column I want to prevent from shrinking in a browser</td>
    <td width="10" align="left" valign="top"> </td>
    <td> </td>
  </tr>
</table>
</body>
</html>

Liquid Layouts = % based.  Resizes to browser viewport.
Example: http://alt-web.com/TEMPLATES/3-col-liq-layout.shtml
Semi-Liquid Layouts = % based plus min- and max-width restrictions.
Example:  http://alt-web.com/TEMPLATES/3-col-semi-liq-layout.shtml
Fixed width Layouts = pixel based.
Example:  http://alt-web.com/TEMPLATES/3-col-white-gray.shtml
Elastic Layouts = em based. Re-sizes entire layout based on inc/dec text size.
Example:  http://alt-web.com/TEST/Resizable-ems-test.html
CSS:
body {
width: 1000px; /**width in %, px or em*/
margin:0 auto; /** with width, this centers page on screen**/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media  Specialists 
http://alt-web.com/
http://twitter.com/altweb

Similar Messages

  • #1009 on creationComplete when resizing browser during loading modules

    I use Flex 3.5 on Mac with Safari. Same Problem with Firefox.
    When I start my application that loads 8 Modules after login and I resize the browser window I get #1009. My views are in ViewStack that has creationPolicy "auto". Normally first time a view and it's childs get loaded is on the first itemClick in viewstack but if I resize browser window, creationComplete method of all views get called and the childs (like dataGrids or others) are null.
    Why? and what can I do against this behaviour?
    Thanks

    No the Error is thrown in my onCreationComplete event handler when I try to use a DataGrid but it's null.
    this view is in a module
    the modules main view has a viewstack with creationPolicy none
    "pages" that are childs of viewStack get created after an event get fired to a PageFlowManager
    pages are creationPolicy all in general
    this manager calls "pageContainer.createComponentsFromDescriptors(false);" at the beginning
    in main application that calls shell I added months ago this
    private function onApplicationComplete(event:FlexEvent):void {
        stage.addEventListener(Event.RESIZE, onStageResize);
    private function onStageResize(e:Event):void {
        validateNow(); 
    I found this text somewhere:
    The documents are not very clear on this (if not misleading), but what you have to do
    is set creationPolicy to none on the canvas, and leave it off of it's children (default to all).
    Doing so will create all of the children with recurse=true, or just it's immediate
    children with recurse=false. You would have to call the function manually on any children
    with creationPolicy set to none. So we choose false.
    Now I tried to set  "pageContainer.createComponentsFromDescriptors(true);" and somehow the error disappeared. Any ideas if that combination caused the creationComplete event if I resized the window on startup? And if yes why?
    Message was edited by: thanks Flex harUI to give me a post after this long time

  • How can I make my image crop when resizing browser?

    I'm really sorry if this is really simple but basically when I preview my website in a browser the background image is to big and the point I want in the middle of the browser is off screen. Instead of changing the size of the browser and white bars appear I want the image to scale but also crop so the middle point of the photo always stays in the center.
    Here is an example of what I mean:
    http://optimo.com/hatmaking
    When you resize the browser the image gets smaller or bigger but also crops, meaning no bars ever appear. It also means that the center of the image always stays the same. I don't won't it to go into a small box when browser is made very small just the cropping and scaling.
    Thank you so much for you help in advance.

    Is this related to Edge Animate - I don't see any reference to it in your files?
    Darrell

  • Prevent losing data when closing browser

    Is there any possibility to catch an event when user tries to close the browser window?
    I would like warn the user to save data before closing the form window.

    Hi, Dan!
    I tried to use your example in my code, but my page loads with error. I copied the jquery script to my /i location on server and included the script tag into the page template between the head tags. On the page I also copied the script from your example into page html header.
    When displaying the page, i get a "Done, but with errors on page" message, with following details:
    Line 21, char 4, Error: object expected, Code 0
    I tried the latest jquery scpript available (jquery-1.3.1.min.js) and also the one from your example (jquery-1.3.1.min.js)
    Can you give any tip, please.

  • How not to affect two horizontal panels when resizing the browser?

    I've two horizontal panels within a Canvas. When I resize the browser (IE), PanelB overlaps with PanelA. How do I go about preventing this from happening? How can I make the panels resize when the browser is resized?
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
               xmlns:controls="org.frb.atl.xxxx.ui.controls.*"
               width="100%"
               height="100%"
               preinitialize="preinit()"
               creationComplete="init()">
    <mx:constraintColumns>
            <mx:ConstraintColumn id="col1" width="30%" />
            <mx:ConstraintColumn id="col2" width="70%" />
        </mx:constraintColumns>
        <mx:constraintRows>
            <mx:ConstraintRow id="row1" height="25%" />
            <mx:ConstraintRow id="row2" height="100%" />
        </mx:constraintRows>
    <mx:Panel id="PanelA"
                  width="100%"
                  height="100%"
                  title="Search"
                  left="col1:0"
                  right="col1:5"
                  top="row1:0"
                  bottom="row2:0"
                  layout="vertical">
    </mxPanel>
    <mx:Panel id="PanelB"
                  title="Articles: {contentFoundCount.text}"
                  width="100%"
                  height="100%"
                  left="col2:5"
                  right="col2:0">
       </mx:Panel>
    </mx:Canvas>

    This code shows no overlap:
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Canvas xmlns:mx="http://www.adobe.com/2006/mxml"
      width="100%" height="100%">
      <mx:constraintColumns>
        <mx:ConstraintColumn id="col1" width="30%" />
        <mx:ConstraintColumn id="col2" width="70%" />
      </mx:constraintColumns>   
      <mx:constraintRows>
        <mx:ConstraintRow id="row1" height="25%" />
        <mx:ConstraintRow id="row2" height="100%" />
      </mx:constraintRows>
      <mx:Panel id="PanelA" width="100%" height="100%"
        title="Search" left="col1:0" right="col1:5"
        top="row1:0" bottom="row2:0" layout="vertical"/>
      <mx:Panel id="PanelB" title="Articles"
        width="100%" height="100%" left="col2:5" right="col2:0"/>
    </mx:Canvas>

  • Flex 3: DataGrid Column width on resize

    Hello experts,
    I am facing an issue with width of DataGrid columns. We are using Flex 3.2.
    I am setting the widths for columns in creationComplete handler of DataGrid. When the browser window is resized, say restore down and then maximize,
    the column widths are changing. Please find the code below:
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" height="100%" width="100%">
    <mx:Script>
        <![CDATA[
            import mx.core.ScrollPolicy;
            [Bindable]
            private var isVisible:Boolean = true;
            private function creationCompleteHandler():void{
                dataGrid.horizontalScrollPolicy = ScrollPolicy.ON;
                artist.width = dataGrid.width * 0.40;
                album.width = dataGrid.width * 0.50;
                Price.width = dataGrid.width * 0.10;
                dataGrid.horizontalScrollPolicy = ScrollPolicy.OFF;
        ]]>
    </mx:Script>
    <mx:DataGrid id="dataGrid" width="80%" height="100%" creationComplete="creationCompleteHandler()">
          <mx:ArrayCollection>
             <mx:Object Artist="Pavement" Price="11.99"
                Album="Slanted and Enchanted" />
             <mx:Object Artist="Pavement"
                Album="Brighten the Corners" Price="11.99" />
          </mx:ArrayCollection>
          <mx:columns>
              <mx:DataGridColumn id="artist" dataField="Artist"/>
             <mx:DataGridColumn id="album" dataField="Album" visible="{isVisible}"/>
             <mx:DataGridColumn id="Price" dataField="Price" />
          </mx:columns>
       </mx:DataGrid>
    </mx:Application>
    Is there anything wrong i am doing here? Please help me in resolving this.
    Thanks,
    Srilatha

    Hi Srilatha,
    DataGrid width is 100% and the main application width also 100%, So the
    DataGrid will try to occupy the whole window, when you do "restore down" &
    "maximize" Application width will change.. and it will effect DataGrid and
    its columns also. Try to give some fixed width for dataGrid and you can
    expect the result.
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    height="100%" width="100%">
        <mx:Script>
            <![CDATA[
                import mx.core.ScrollPolicy;
                private var isVisible:Boolean = true;
                private function creationCompleteHandler():void
                    dataGrid.horizontalScrollPolicy = ScrollPolicy.ON;
                    artist.width = dataGrid.width * 0.40;
                    album.width = dataGrid.width * 0.50;
                    Price.width = dataGrid.width * 0.10;
                    dataGrid.horizontalScrollPolicy = ScrollPolicy.OFF;
            ]]>
        </mx:Script>
        <mx:DataGrid id="dataGrid" width="500" height="100%"
    creationComplete="creationCompleteHandler()">
            <mx:ArrayCollection>
                <mx:Object Artist="Pavement" Price="11.99"
                           Album="Slanted and Enchanted" />
                <mx:Object Artist="Pavement"
                           Album="Brighten the Corners" Price="11.99" />
            </mx:ArrayCollection>
            <mx:columns>
                <mx:DataGridColumn id="artist" dataField="Artist"/>
                <mx:DataGridColumn id="album" dataField="Album"
    visible=""/>
                <mx:DataGridColumn id="Price" dataField="Price" />
            </mx:columns>
        </mx:DataGrid>
    </mx:Application>
    Thanks
    Pradeep Reddy

  • Resizing browser to background image size

    I am trying to redo my website and I want to have a large landscape image on the opening page and for the browser to automatically resize to the proportions of the images and for the image to change in size when the browser window is changed in size.
    To make it easier to understand I want it to work like this:-
    http://www.lachapellestudio.com/
    I don't want a 'border' to appear at any point. Does anyone know a small HTML snippet that will make this work???

    > Does a background image have to be smaller than a
    certain size in order to
    > show up as your background on a web page
    no
    -Darrel

  • Images should grow or shrink when the user chooses a larger or smaller font size in ADE.

    Hi All,
    I use percentage values (in "width" attribute within "img" element) for image that should grow or shrink when the user
    chooses a larger or smaller font size. The adjustment affects not only the size of the text but also images but the images
    are getting distorted or blurred when user chooses larger font size in Adobe Digital Editions.
    Can anyone, please guide me; how to get non-distorted and non-blur images in epub package?
    If I directly use images, without svg format i.e. png or jpg files, then images get overlapped on body-text in two column display in ADE.
    OR
    if I directly use jpg or png with width attribute varying in percentage value then image shrinks and grows as user chooses smaller and larger font size but the problem of distorted image remains as it is
    <div class="media-group"><img src="images/pa0000016g26001.png or jpg" alt="Image" width="60 or 70%" /></div>
    Attached is the package (Book.epub) which has test cases.
    ========================================================
    Please find below sample coding used in attached epub package;
    In XHTML:
    <div class="media-group"><img src="images/pa0000016g26001.svg" alt="Image" width="100%" /></div>
    In SVG:
    <?xml version="1.0" encoding="utf-8"?>
    <!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448)  -->
    <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
    <!ENTITY ns_svg "http://www.w3.org/2000/svg">
    <!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
    ]>
    <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
    width="386px" height="554px" viewBox="0 0 386 554" enable-background="new 0 0 386 554" xml:space="preserve">
    <image overflow="visible" width="772" height="1108" xlink:href="pa0000016g26001.png"  transform="matrix(0.50 0 0 0.50 0 0)">
    </image>
    </svg>
    ========================================================
    Cheers
    Vikas

    Hi DenisonDoc,
    There is no option right now to set properties globally primarily for Text fields. You may make sure fields doesn't contain anything.
    Select all the text filed from the form and right click any of the selected field make sure all of them are selected choose properties --> Appearance there you can choose Font Size and Font type.
    - End users cant change size and type of font. It is up to designer.
    Regards,
    Ajlan Huda.

  • Applet is UNABLE to resize browser frame !!!

    Hello,
    I've developed signed swing applet that I want to be able to resize or move its parent frame (the browser). In a case of the appletviewer there is no problem, but when working with the browser the applet's command to the parent frame (IE6) to resize has no effect. Actually, after setting a new size to IE window getSize returns correct (new) dimensions but the window itself remains unchanged.
    Do you have any idea how can I make this working ??????
    THANX

    Sum-shusSue
    My applet creates a modal dialog - this is the only applet's GUI, and I want to resize browser's window from within the applet, not by the JavaScript code, because I need the browser's window to get resized ONLY AFTER the applet has got loaded and run.

  • Why are Siri searches not private when private browsing in Safari?

    When private browsing is enabled in Safari, searches done with Siri still show up in the "recent searches" menu of the search box.
    Is this a bug? Or is there a way to prevent "Siri searches" from showing up in the recent searches list?
    This does not happen when I type my search, but sometimes it's quicker to search for something with Siri.

    File>New Private Window
    or
    Shift+Command+N

  • Resizing Browser Window

    Hi,
    I'm looking to publish my site and have the browser window
    resize (or stay resized at) the document size (1000x674).
    I thought i set the proper parameters in DW (i have a SWF
    inside of it), but there seems to be extra white space on the right
    side of the published document...(this seems to be outside of the
    1000x674 default size)
    i may be missing a line of code somewhere.
    any help would be appreciated...you can see what i mean at
    www.tunnel76.com
    thank you in advance.
    j.

    Why not just center the page content? Users tend to get
    annoyed when the
    browser gets adjusted without their consent.
    Dan Mode
    ->Adobe Community Expert
    *Flash Helps*
    http://www.smithmediafusion.com/blog/?cat=11
    *THE online Radio*
    http://www.tornadostream.com
    *Must Read*
    http://www.smithmediafusion.com/blog
    "flashingnotallowed" <[email protected]>
    wrote in message
    news:eaugas$al3$[email protected]..
    > Hi,
    >
    > I'm looking to publish my site and have the browser
    window resize (or stay
    > resized at) the document size (1000x674).
    > I thought i set the proper parameters in DW (i have a
    SWF inside of it),
    > but
    > there seems to be extra white space on the right side of
    the published
    > document...(this seems to be outside of the 1000x674
    default size)
    > i may be missing a line of code somewhere.
    > any help would be appreciated...you can see what i mean
    at
    > www.tunnel76.com
    > thank you in advance.
    > j.
    >

  • Prevent the textfield from resizing

    How can I prevent a textfield from resizing when I would
    resize it's container movieclip? Instead of the tf scaling with the
    mc I want it to just stay the same.
    Help anyone?

    Thank you for replying to my question and after a couple of
    hours I was able to figure it out.
    windowmc.bgmc
    windowmc.textfield
    Im creating a pop up window with a text field in it and then
    I attached a handle mc on the lower right corner of the window
    movieclip as a resize handle. So whenever I would stretch my window
    movieclip it wont affect the textfield. I resolved it by resizing
    the bgmc inside the windowmc instead of just the windowmc(which
    will affect the textfield).
    Thanks.

  • Netscape crashes when resizing window

    I have a web page with the following outline in a frame:
    |        |      |
    | applet | html |
    |        |      |
    -----------------When this browser window is resized netscape craps out! All windows close(even ones unrelated to my page) and then netscape exits. This only happens occasionally and not all the time. It happens in netscape6.2 and netscape7.
    Any/all help is appreciated. Thanks!

    By: "I cannot seem to get appletviewer to pop up a new browser window." . . . I guess you mean a new appletviewer window, right? Because you know that appletviewer ignores the html and shows only the Applet . . . right? Don't get mad at me now, I don't mean any disrespect ;^)
    In place of running - or in addition to running - it from appletviewer, can you place debug code in the status of the browser at significant points and see exactly where the code breaks (if it is the code)?
    Did you turn on the Java Console and watch the log? Does the log "stick" after Netscape crashes?
    All thoughts. . . hope you get it working.
    Of course, personally, as a time saver . . . I would reinstall Netscape just as someone else mentioned. It can't hurt, and it may save you time.

  • Responsive animation disappears when scaling browser window

    Hi all.
    I am having a problem with responsive scaling.
    After integrating the animation into a responsive html page made in Dreamweaver I tested it on various browsers.
    When I scale the browser window down  the animation scales responsively with
    the browser. When I scale it back up, it stays stuck at the same size.
    If I pass the the threshold for the tablet layout, then resize it back to
    the desktop size,  the animation disappears entirely, requiring the page
    to be reloaded to bring it back.
    Has anybody else run into this problem and
    if so is there a known fix?
    Cheers

    Hi Devendra.
    How are you today?
    It is doing it on a page I am currently working on, however I noticed that
    it also does it on the last site I worked on.
    Here is a link. If you resize the window down and then back up you
    will see that it does not resize. The site I am working on at the moment
    is structured differently, so when I pass the tablet threshold in  the fluid-grid
    layout the animation usually disappears when resizing back to the desktop threshold.
    Here is the link to the live site.
    http://indigocare.com.au/index.html
    Thanks for getting back.
    Cheers from Jules

  • How do i get my navbar to stay on one line when the browser window is minimized?

    I am new to coding and have just created my first website in html and css.  I know that the coding is pretty dire and that I have a lot to learn and hope that someone can guide me in how to solve this problem.  When the browser window is minimized, the navbar breaks down into 2 or 3 lines but I want the navbar to fit to the window whatever the size of the client machine.
    I think I need to add a media query but i'm not sure if i do and if so what code to use and where to put it?
    I am worried that the page will only be viewable properly on a desktop and i really want to learn how to make a fluid layout which can be viewed on 320px, 768px and 1200px.
    Any guidance would be greatly appreciated.
    Here is my code:
    HTML
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>The Engineer's Corset</title>
    <link href="styles/style.css" rel="stylesheet" type="text/css" media="screen">
    <style type="text/css">
    body {
        background-color: #000;
    </style>
    </head>
    <body>
    <div id="container">
    <div id="navbar">
        <ul id="nav">
        <li><span class="current-menu-item">Home</span></li>
        <li><a href="about.html">About Us</a></li>
        <li><a href="workshops.html">Workshops</a></li>
        <li><a href="news.html">News</a></li>
        <li><a href="gallery.html">Gallery</a></li>
        <li><a href="contact.html">Contact Us</a></li>
        </ul>
    </div>
    <div id="header">
      <img src="images/final/headerbeauty3.png" width="1100" height="341" alt="The Engineer's Corset">
    </div>
    <div id="links">
    <ul id="link">
    <li><a href="https://www.facebook.com/Bristolengineer" target="_blank"><img src="images/final/fb3.png" width="200" height="45" alt="Follow Us on Facebook"></li>
    <li><a href="https://twitter.com/Engineerscorset" target="_blank"><img src="images/final/twitter2.jpg" width="200" height="45" alt="Follow us on Twitter"></a></li>
    </ul>
    </div>
    <div class="chantry">
    <img src="images/final/CD Logo fin.png" width="240" height="200" alt="Chantry Dance Company">
    </div>
    <div class="about">
      <p> The Engineer's Corset is a new play written by Janet Goddard for performance by the community of Bristol in 2015. <br>  ~ <br>
    The play is based on the extraordinary real-life events of 1843 surrounding Isambard Kingdom Brunel's near-death experience after swallowing a coin.  We travel through time to explore the adventure and horror of Victorian industrialisation. <br> ~ <br> Using a community theatre group The Engineer’s Corset tells a familiar tale of Brunel’s near death experience when he swallows a gold half sovereign. His wife Mary fights to maintain her composure but is ripped apart by the waiting game. Her servants and his workforce, using dance and sound, broaden her horizons. Just like Mary the audience too will see life in the 1840s through a different lens.</p>
    </div>
    <div class="workshops">
    <img src="images/final/bridgebridge.jpg" width="1100" height="713" alt="clifton suspension bridge">
    <span><a href="workshops.html">We will be running a series of workshops prior to production and hope you will join us.  For further information, click here.</a></span>
    </div>
    <div id="sponsorspace"></div>
    <div id="footer"> <p> &copy; Heartprints Web Design 2014 </p> </div>
    </div>
    </body>
    </html>
    CSS
    @charset "utf-8";
    /* CSS Document */
    body {
        font-family:Arial, Helvetica, sans-serif;
        font-size:125%;
    @media screen {
        #navbar:
    #navbar li {
        font: 25px Arial;
        display: inline;
        list-style-type: none;
        background: #09F;
        color: #000;
        border-radius: 20px;
        padding: 15px 25px;
    .current-menu-item {
        color: #0FF;
    #navbar a {
        padding: 15px 25px;
        background-color: #6cf;
        color: #000;
        text-decoration: none;
        border-radius: 20px;
    #navbar a:hover {
        background-color:#0FF;
        color: #000;
        padding: 15px 25px;
    #header {
        width: 1100px;
        height: 340px;
        margin-left: 50px;
        margin-top: 0px;
        margin-bottom: 0px;
        border-style: ridge;
        border-width: 5px;
        border-color:#09F;
    #links li {
        display: inline;
        width: 700px;
        margin-left: 300px;
    .chantry {
        margin-left: 40px;
    .about {
        position: relative;
        width: 860px;
        text-align:center;
        background-color: #CCC;
        color: #000;
        border-style: ridge;
        border-width: 3px;
        border-color:#09F;
        border-radius: 15px;
        float: right;
        margin-top: -200px;
        margin-right: 90px;
    .workshops{
        position:relative;
        width: 1100px;
        height: 713px;
        font-size:24px;
        margin-left: 50px;
        border-style: ridge;
        border-width: 5px;
        border-color:#09F;
        margin-top: 130px;
    .workshops span {
        position: absolute;
        background: #6CF;
        color: #000;
        left: 30px;
        top: 30px;
        right: 800px;
        padding: 15px;
        font: 1em georgia, serif;
        font-style:italic;
        text-align:center;
        border: 5px solid #09F;
        border-radius: 20px;
        margin-top: 35px;
    .workshops span a {
        color: #000;
    #link li {
        border-style: solid;
        border-color: #6CF;
        padding: 30px 10px 5px 10px;
    .info {
        text-align:center;
        width: 1100px;
        margin-top: 50px;
        margin-bottom: 50px;
    .CDC {
        float: left;
        margin-right: 50px;
        margin-left: 45px;
    .workshopinfo {
        height: 250px;
        text-align:center;
        margin-top: 50px;
    .photos {
        Height: 500px;
        text-align:center;
        margin-top: 50px;
    #footer {
        text-align:center;
        margin-top: 700px;
        color:#0CF;
    .brunel {
        margin-top: 50px;
        margin-left: 400px;
    #workshops2{
        width: 1000px;
        border-style: outset;
        border-width: 5px;
        padding: 15px;
        border-color:#09F;
        background-color: #6CF;
        margin-left: 100px;
        text-align:center;
    #workshops2 a {
        color: #000;
    #sponsorspace {
        height:  300px;
        background-color: #6CF;
        border-style: outset;
        border-color: #09f;
        margin-top: 15px;

    Give #navbar a width that is wide enough to hold all of the buttons within it.
    #navbar {
         width:####px;
    Replace #### with a pixel number large enough to hold the nav buttons.

Maybe you are looking for

  • Apps crashing in 10.6.6?  (So far, Evernote and Date & Time prefs)

    I'm having trouble with certain apps crashing. So far, I've noticed Evernote (when trying to open the prefs) and Date & Time. The D&T is showing up in my menu bar as "2 10:04" right now. Was checking to see why the 2 is there. I've run disk permissio

  • What versions of Firefox are actively supported?

    Hello, I am looking for confirmation of a wikipedia article on Firefox ( http://en.wikipedia.org/wiki/History_of_Firefox ) stating support for only version 3.6 and 6.0+ and I just wanted to know if this was factual or not? I can't seem to find any of

  • Overprint Preview question and another issue...

    Hi... CS4, Win XP. Overprint Preview question: The other day i sent a file for printing (poster) in PDF and CS2 formats. For some reason, the printer converted the file to a .tif and then printed. Parts dropped out... Both the PDF and CS2 files looke

  • Reg:Modification of HR Report Category in PNP LDB.

    Hi All, My requirement is to modify the selection screen of  PNP LDB, in the report category we used to give the required selection screen.suppose i want to use the Report category as HRIN0000 and want to hide payroll area. please help me about this.

  • Project will not open....help!

    I have Premiere pro cs3....I have several projects I am editing all of which will open with no problem.One of my main projects that I have been working on for the last 3 months will not open! I closed it last night after working on it most of the day