Message balloon background colors

Message incoming message balloon colors
I noticed since upgrading to Mavericks some of the people messaging me have their balloon backgrounds with different colors. Some of the sender's backgrounds are gold, grey, blue and green...in addition to the default(?) clear.
Is there any rhyme or reason why these backgrounds have different colors or are the colors randomly assigned to each person.
Thanks!

HI,
These settings in the Preferences for the incoming stuff are the ones you need to look at:-
Just to restate first.
I changed my outgoing colour to that green.
I left the font as Black in text colour.
I chose Arial Black as I prefer the boldness of the text.
If my Buddies (AIM, Jabber or Yahoo) have the same Settings for the Incoming stuff as I do (Automatic) then my chosen colour shows up in their Chat with me.
They cna block my choices of Colour and Font style if they set Colours and Fonts here.
IF a Buddy is using an App that does not specify a colour or Font then the incoming messages tend to be randomised  (Although there is alos a deliberate Random setting)
An iPhone does not send colour.
The colours seen on the iPhone depend if it is sending (or Receiving) iMessages or SMS.
So,  AIM Buddies sending form the AIM app on  PC will be in this Category of uncoloured chats.
As will Facebook Buddies posting from the Facebook page, same for GoogleTalk Buddies using their Web based Chat option on the Web Mail page.
There are also a number of Mac compatible Jabber apps and AIM clients that don't send coloured "Balloons" or the Background style you are using.
AS I have said iPhones don't send any colour or Font info in the Message/chats
Here is a pic of a Group Chats from some years ago where some are Chosen colours and some are random.
I hope this helps.
8:51 pm      Wednesday; December 11, 2013
  iMac 2.5Ghz 5i 2011 (Mavericks 10.9)
 G4/1GhzDual MDD (Leopard 10.5.8)
 MacBookPro 2Gb (Snow Leopard 10.6.8)
 Mac OS X (10.6.8),
 Couple of iPhones and an iPad

Similar Messages

  • ADF Messages and background color

    I'm using the ADF components and I need to know how to change the background color the the af:messages component.
    It's currently tied to the accent background color in the xss file, but I would like to make it something else. Anyone know what style to change in the xss file?
    Thanks.
    - Jeff

    Yeah, that skin selector will apply to all buttons with those classes. If you need to limit the styling based on EL, I would do something like this
    styleClass="#{condition ? 'trueClass' : 'falseClass'}"
    and in the skin this should be specific enough
    af|commandButton.trueClass {}
    If not, you would have to do something like this, but not 100% sure if that dot shouldn't have a space before it or be a colon possibly off the top of my head
    af|commandButton:text-only.trueClass

  • JOptionPane.showMessageDialog() == can i change it's background color?

    erm...juz wanna know wether JOptionPane message dialog background color can be change or not...tq

    can i change the preview background color?
    Yes you can do so in the Bridge preferences under general both Ui interface and image backdrop can be changed
    In the same preferences Cache you can change the location of the central cache to where ever you will. But you have to realize that if you use an external disk this can cause all kinds of problems regarding speed, performance and permission issues. best to keep it on an internal disk and having an SSD available will be even better because you will benefit from performance and speed very much.
    it's gray , may i change it?
    As long as you have a legal version and it is able to change then feel free to set it to your own custom wishes...

  • Messages background color not saving

    I have about 15 computers and we use Messages as our in-house chat. We have different groups/areas/rooms assigned different background colors (it makes quick identification of where it's coming from easier). But we have an issue where some computers will randomly revert back to "Automatic", which is just grey.
    They are all updated, and I've changed color, closed Messages, and restarted all of them. What's odd is that, after a restart, the color will be saved, but then randomly revert on its own.
    Any thoughts on why, or how to fix it?

    Hi,
    In Mavericks the info is stored in the com.apple.ichat.plist in ~/Library/Preferences like it always was.
    However in Mavericks the Sandboxing used to protect apps uses a "Read and Write route" as it were, of ~/Library/Containers/com.apple.ichat/Data/Library/Preferences and then an Alias to the Original.
    There is also some link to ~/Library/Containers/com.apple.soagent/Data/Library/Preferences and some of the Original .plists in here that seems to relate to this new Helper app and Messages.
    I also find the colour of my Balloons (Background) does not always stick but tend to notice after I get a Message after  start up of the app (I had not pinned it down to being random).
    I have not been able to pin down the fact something is not Writing to the .plist properly.
    10:13 pm      Wednesday; August 20, 2014
    ​  iMac 2.5Ghz i5 2011 (Mavericks 10.9)
     G4/1GhzDual MDD (Leopard 10.5.8)
     MacBookPro 2Gb (Snow Leopard 10.6.8)
     Mac OS X (10.6.8),
     Couple of iPhones and an iPad

  • Change background color of the message pane

    Morning.
    Is it possible to change the background color of the message pane in the Mail.app main window? I'ld like to have an light yellow background because the white background is too lurid.
    TIA and kind regards, Friedrich

    that's not not possible.

  • Skinning af|messages background color based on error type

    Hi,
    I would like to skin background color of af|messages body depending on the message type. For example, if message raised is of type "Warning", I would like the af|messages body's background color to be yellow. If message raised is "Error", then I would like the background to be orange and if the message is of type "Info", then I would like background to be green.
    I wonder if this is possible and if any has any idea on how to achieve this would be highly appreciated.
    Thanks
    Using JDeveloper 10.1.3 and Standalone OC4J 10.1.3.

    Hi samsam,
    You should post ADF questions to the JDeveloper & ADF forum: JDeveloper and ADF
    I guess you get more help there...
    Groeten,
    HJH

  • Applescript background color of message to other?

    hi guys
    does anyone know the correct applescript to set the background color of a message to other ?
    ie a hex or rgb color
    i can set a basic color as in
    set (background color) of thisMail to none
    set (background color) of thisMail to blue
    but cant work out how to use the "other" variation and would like to use it to have access to more colors
    thx
    Clive
    G5   Mac OS X (10.4.9)   2.5 Gig Ram 2.5GHz Dual

    Hi
    import oracle.cabo.style.CSSStyle;
                     CSSStyle customCss = new CSSStyle();
                      //Please check with this change
                     customUnCss.setProperty("background-color", "    #ee0000");//# -red
                     OAMessageStyledTextBean styledTextBean =(OAMessageStyledTextBean)webBean.findIndexedChildRecursive("POCommentsItem");
                     if(styledTextBean!=null)
                      styledTextBean.setInlineStyle(customUnCss);

  • Background color of message

    Hi,
    I am displaying messages in my screen. This message is inside a container. Am using wizard for displaying this message. Whenever the message comes, the background of the message is WHITE. But it should be blue (same as the background color of the webapplication). Please provide me a solution. Thanks in advance.

    Hi...
    You can change the background color of the message area,...
    first you should use a Message Area UI element in your transparent container, But the layout should be Matrix layout
    Set the property of the Message area as below.
    "cellBackgroundDesign = Fill1 or Fill2 or Fill3"
    Hope this will help u
    Regards
    Raja

  • Messages and contact background color

    Is there any way to change these background colors. In ios 6 it was a light gray that wasnt to bad, but now its while and its hard to read and changing to the black background is hard to read to. A nice soft blue would be great.

    SammuelP wrote:
    The best way to get this resolved is to do the following:
    Go into apps> press messaging> (it will bring you to the compose message screen) press the contact icon with the plus sign> (all your contacts with the numbers will show up) press the menu button (located at the bottom left corner) and you will get two options “show email” and “multiselect”> press “show email” and your contacts with email only will appear> chose one and proceed as normal.
    If you need more support you can visit us here.
    Thank you.
    Thank you very much plus now i see how to multiselect also right there

  • How does Mavericks automatically pick a sender's background color automatically?

    I've noticed that some senders have the same background color as my blue color in messages on Mavericks when I have the settings set to automatically pick a color? Just curious.

    Hi,
    iChat and Messages users can set a Font, the colour of the text and to start the change process the background to the Balloon (or other style).
    In addition to can choose to override the incoming data.
    Both are set in Messages > Preferences > Viewing (it used to be called Messages but it was appearing in too many places).
    If your Settings are for the Incoming stuff to be Automatic you will see whatever they sent.
    iChat and Messages app will send you what they have chosen.
    iPhone and other iOS devices tend to be white as there is no colour info from the iOS app. (it only colours the iPhone/iPad end as to how it is sending the iMessages (green) or SMS (blue).)
    Some people using the Mac version will have chosen the same colour as you.
    The same may also be true of AIM users using AIM on a PC or if you are using a Jabber ID then a Jabber app may have the same colour as a choice.
    9:10 pm      Saturday; November 9, 2013
      iMac 2.5Ghz 5i 2011 (Mavericks 10.9)
     G4/1GhzDual MDD (Leopard 10.5.8)
     MacBookPro 2Gb (Snow Leopard 10.6.8)
     Mac OS X (10.6.8),
     Couple of iPhones and an iPad

  • How to change InputField background color using Java Code

    Hi,
    In my application use will enter some set of Cost Centers in a table and submits request.
    In return i will get a list of invalid cost centers which i need to display in a table with input field
    In that table all cost centers will displayed, but invalid cost centers should be highlighted or background color should some other color. like red or yellow.
    Is it possible using java code to change a input field color.
    Please help me.
    Thanks

    Hi,
        declare a error message in message pool and declare a method say "checkCostCenters " and in this method, u can check whether it is a valid cost center .. if it is invalid cost center , then throw the erro message using the below code :
    wdComponentAPI.getMessageManager().reportContextAttributeMessage(
                        inputfieldattibutePointer, IMessageProgramPlanComp.ur error message,
                        new Object[] );
    for getting pointer and label use the below code:
    IWDAttributePointer inputfieldPointer = URNODEELEMENTElement
                        .getAttributePointer(URNODEELEMENT.ATTRIBUTENAME);
              String inputfieldLabel = wdContext.nodeURVALUENODE.getNodeInfo()
                        .getAttribute(URNODELEMENT.ATTRIBUTE).getSimpleType()
                        .getFieldLabel();
    hope it helps..
    Thanks and Regards

  • How can I change the background color in the inbox?

    The background color in my inbox (well, all mailboxes) is white. A yellow background would make the existing black text a lot easier to read. How can I change the background color in the inbox?

    Themes work in Thunderbird - duggabe was not refering to Firefox.
    Another useful addon is theme and font changer:
    * https://addons.mozilla.org/fr/thunderbird/addon/theme-font-size-changer/
    However, Thunderbird allows you to modify all sorts of things.
    Make hidden files and folders visible:
    * http://kb.mozillazine.org/Show_hidden_files_and_folders
    Help > Troubleshooting Information
    Click on 'show Folder' button
    a window opens shwoing profile folder name
    Close Thunderbird now - this is important
    In the profile name folder, Create a new folder called '''chrome''' - note the spelling
    It should be in the same place as the 'Mail' folder.
    see first image below.
    Open Notepad
    Can be located : Start > Programs > accessories
    Copy everything shown between the lines below.
    Paste into Notepad.
    Save as '''userChrome.css''' - note the spelling (edit updated - this was a typo error)
    This should be saved in the '''chrome''' folder.
    see second image below.
    Restart Thunderbird.
    I have chosen a yellow for you
    <pre>
    #f6f58c = a yellow....it is a hex code for a colour.
    </pre>
    You can change it if required. Remember when updating anything in the profile folders, you must close Thunderbird first.
    More info on colours.
    * http://www.yourhtmlsource.com/stylesheets/namedcolours.html
    <pre>
    * Do not remove the @namespace line -- it's required for correct functioning
    @namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
    /*Background colour for message list*/
    #threadTree > treechildren::-moz-tree-row {
    background-color: #f6f58c !important;
    </pre>
    -------------------------------------------

  • How to set the Background Color of a Text Field in a Tabular Report.

    Hello,
    I tried to set the Background Color of a Text Field in a Tabular Report.
    But I was not able to change this colur.
    In the report attributes --> column attributes
    I tried already:
    1. Column Formating -- >CSS Style (bgcolor: red)
    2. Tabular Form Element --> Element Attributes (bgcolor: red)
    but nothing worked.
    Can anybody help me?
    I Use Oracle Apex 2.2.1 on 10gR2
    thank you in advance.
    Oliver

    in "Report Attributes" select the column to move to the "Column Attributes" page. In the "Element Attributes" field under the "Tabular Form Element" region enter
    style="background-color:red;"
    I will also check if there is a way to do this via the template and post here again
    edit:
    in your template definition, above the template, enter the following:
    < STYLE TYPE="text/css" >
    .class INPUT {background-color:red;}
    < /STYLE >
    (remove the spaces after the < and before the >)
    change "class" to the class that the template is calling
    (I'm using theme 9, the table has: class="t9GCCReportsStyle1" so I would enter t9GCCReportsStyle1)
    A side-effect of using this second version is that ALL input types will have a red background color--checkboxes, input boxes, etc.
    Message was edited by:
    TheJosh

  • How do I change the background color in my email page?

    Just trying to change the background color of my email.
    Thanks.

    Maybe you can find something here:
    Stationary Download
    Once you find something, select  "New Message" in Mail, select the Stationary button in the upper right hand corner of the new message, and drag what you want to use to favorites.

  • Footer now floating in middle of page and no background color

    Hello all,
    Been working on this for days with no luck. I hope someone can spot the silly mistake, because I know it has to be something silly but it's driving me round the bend! The page has always been just fine until I recoded part of the body (the four columns with titles, photos, and text) to help with 508 compliance. Since then, the orange footer that was firmly at the bottom has started floating half way up the page and the background orange color has disappeared.
    I've gone through my code line by line, marking off each beginning and ending div tag and everything is fine there. Below, is a screenshot of the lower half of the page showing how the footer should look.
    Here is a screenshot of how it looks offline right now:
    as you can hopefully see, the footer has lost it's orange background and is sitting halfway up the page.
    Here is the HTML code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html lang="en" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=1100">
    <meta name="keywords" content="Meadows museum, Southern Methodist university, SMU, Dallas, Texas, Algur Hurtle Meadows, The Meadows Foundation, Dr. Mark A. Rogl&aacute;n, medieval, baroque, tenth to twentieth century spanish art, 10th to 20th century Spanish art, Spanish art collection, Spanish paintings, Meadows school of art, masterpieces, world's greatest painters, El Greco, Velázquez, Ribera, Murillo, Goya, Miró, Picasso, Juan Gris, Renaissance, altarpieces, rococo oil sketches, polychrome wood sculptures, Impressionist landscapes, modernist abstractions, sculptures, twentieth-century sculptors, Rodin, Maillol, Giacometti, Henry Moore, David Smith, Claes Oldenburg, James Surls, Santiago Calatrava, Texas artists, Frank Reaugh, Jerry Bywaters, Otis Dozier, Alexandre Hogue, William Lester, exhibitions, education, educational workshops, lectures, gallery talks, symposia, symposium, museum shop, Spain's Golden Age, neo-Palladian structure, Jones Great Hall, Founder's Room, auditorium, Gates Restaurant, Moss Chumley Award, William B. Jordan internships, Fortuny, Sorolla, Steve Mumford, Don Quijote, eighteenth-century tapestries, Roger Winter, Stanley Marcus, Mark Lemmon, The Barrett Collection, Mexican art, DeGolyer Library, greek vase painting, Juan van der Hamen y Le&oacute;n, Division of Cinema-Television, musical and danse performances, performing artists, studio art activities, storytelling, artist demonstrations, community education, Spanish discussion and book club, Master of Liberal Arts courses, MLA program, corporate membership, Museum membership, Museo Nacional del Prado, Prado Museum Designer=Pam Muirheid">
    <meta name="description" content="The Meadows Museum is committed to the advancement of knowledge and understanding of art through the collection and interpretation of works of the greatest aesthetic and historical importance, as exemplified by the founding collection of Spanish art">
    <meta name="robots" content="index, follow">
    <title>Home – Meadows Museum</title>
    <meta name="google-site-verification" content="WJGKz4uefsWUilZUdPa5ggL23MSk1IsHeLMzUz3B1QE" />
    <style type="text/css">
    <!--
    body {
    background-color:#
    a:link {
        color: #505262;
        text-decoration: underline;
    a:active {
        color: #505262;
        text-decoration: underline;
    a:visited {
        color: #505262;
        text-decoration: underline;
    a:hover {
        color: #505262;
        text-decoration: none;
    -->
    </style>
    <link href="css/layout.css" rel="stylesheet" type="text/css" />
    <script src="ajxmenu1.js" type="text/javascript"></script>
    <style type="text/css">
    <!--
    .style1 {
        color: #FFFFFF
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu1.css" type="text/css" />
    <style type="text/css">
    <!--
    .style23 {
        font-size: 10px
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu3.css" type="text/css" />
    <link rel="stylesheet" href="ajxmenu4.css" type="text/css" />
    <style type="text/css">
    <!--
    .style24 {
        color: #AE543C
    .style26 {
        color: #f1efe0
    .style27 {
        color: #b6241d
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu8.css" type="text/css" />
    <link rel="stylesheet" href="ajxmenu13.css" type="text/css" />
    <style type="text/css">
    <!--
    .style28 {
        color: #AF4D33
    .style29 {
        font-family: Geneva, Arial, Helvetica, sans-serif
    -->
    </style>
    <link rel="stylesheet" href="ajxmenu16.css" type="text/css" />
    <script type="text/javascript">
      var _gaq = _gaq || [];
      _gaq.push(['_setAccount', 'UA-32262060-1']);
      _gaq.push(['_trackPageview']);
      (function() {
        var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
        ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
    </script>
    <script type="text/javascript" language="javascript">AC_FL_RunContent = 0;</script>
    <script type="text/javascript" src="slideshow/AC_RunActiveContent.js" language="javascript"></script>
    <script type="text/javascript" language="JavaScript"></script>
    <script type="text/javascript" language="JavaScript">
    <!--
    function errorSafe() {return true;}
    window.onerror = errorSafe;
    function newWin(url,name,rs,sc,mn,tl,lo,wd,hi) {
    openWindow = window.open(url,name,'resizable='+rs+',scrollbars='+sc+',menubar='+mn+',toolbar='+tl+',lo cation='+lo+',width='+wd+',height='+hi);}
    name.window="menu"
    function open_window(url) {
    email = window.open(url,"eMail","toolbar=5,location=0,directories=0,status=1,menubar=0,scrollbars =yes,resizable=yes,width=800,height=600");
    //-->
    </script>
    <script src="ajxmenu1.js" type="text/javascript"></script>
    <script src="ajxmenu3.js" type="text/javascript"></script>
    <script src="ajxmenu4.js" type="text/javascript"></script>
    <script language="JavaScript1.2" type="text/javascript" src="mm_css_menu.js"></script>
    <script src="ajxmenu8.js" type="text/javascript"></script>
    <script src="ajxmenu13.js" type="text/javascript"></script>
    <script src="ajxmenu16.js" type="text/javascript"></script>
    <!-- Google Translator start-->
    <meta name="google-translate-customization" content="9966f40ce63f3936-63b7db40478c71ff-g3ab4db8eb77d6f75-1b">
    </meta>
    <!-- Google translator end -->
    </head>
    <body bgcolor="#f1eee1">
    <div class="hidden">Skip to main content.</div>
    <!-- begin logo-->
    <div id="logo">
      <header role="banner"><a href="http://smu.edu/meadowsmuseum/">Home Page - Meadows Museum</a></header>
    </div><!-- end logo -->
    <!-- begin navbackground-->
    <div id="navbackground">
      <!-- begin nav-->
      <div id="nav">
        <div class="AJXCSSMenuBOOIZUD"><!-- AJXFILE:ajxmenu1.css -->
          <ul>
            <li class="tsub"><a class="ajxsub" href="mission_statement.htm">About  Us</a>
              <ul>
                <li><a href="mission_statement.htm">Mission Statement</a></li>
                <li><a href="Director.htm">Message from the Director</a></li>
                <li><a href="contacts.htm">Contact Us</a></li>
                <li><a href="news.htm">News</a></li>
                <li><a href="media.htm">Multimedia</a></li>
                <li><a href="history.htm">Museum History</a></li>
                <li><a href="Plaza.htm">Plaza & Sculpture Garden</a></li>
                <li><a href="Moss_Chumley.htm">Moss/Chumley Award</a></li>
                <li><a href="javascript:open_window(%27http://www.meadows.smu.edu%27)">Meadows School of the Arts</a></li>
                <li><a href="javascript:open_window(%27http://www.smu.edu%27)">Southern Methodist University</a></li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="visit.htm">Visit Us</a>
              <ul>
                <li><a href="visit.htm">General Information</a></li>
                <li><a href="tours.htm">Groups &amp; Tours</a></li>
                <li><a href="access_programs.htm">Accessibility</a></li>
                <li><a href="shop.htm">Museum Shop</a></li>
                <li><a href="students_teachers.htm">K-12 Resources</a></li>
                <li><a href="dining.htm">Dining</a></li>
                <li><a href="lodging.htm">Lodging</a></li>
                <li><a class="ajxsub" href="events.htm">Facility Rentals</a>
                  <ul>
                    <li><a href="events_rental_images.htm">Rental Facility Images</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="collections_intro.htm">Collections</a>
              <ul>
                <li><a href="collections_intro.htm">About the Collections</a></li>
                <li><a class="ajxsub" href="collections_highlights.htm">Highlights of the Collections</a>
                  <ul>
                    <li><a href="collections_highlights_Algur.htm">Algur H. Meadows Collection</a></li>
                    <li><a href="collections_highlights.htm">Meadows Museum Collection</a></li>
                    <li><a href="collections_highlights_sculpture.htm">Elizabeth Meadows Sculpture Coll.</a></li>
                  </ul>
                </li>
                <li><a href="collections_provenance.htm">Provenance &amp; Research</a></li>
                <li><a class="ajxsub" href="#">Recent Acquisitions</a>
                  <ul>
                    <li><a href="collections_acquisitions_Goya.htm">Goya</a></li>
                    <li><a href="collections_acquisitions_Barcelo.htm">Barceló</a></li>
                    <li><a href="collections_acquisitions_Madrazo.htm">Madrazo</a></li>
                    <li><a href="collections_acquisitions_Munoz.htm">Muñoz</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="exhibitions_current.htm">Exhibitions</a>
              <ul>
                <li><a href="exhibitions_current.htm">Current</a></li>
                <li><a href="exhibitions_upcoming.htm">Upcoming</a></li>
                <li><a class="ajxsub" href="#">Past</a>
                  <ul>
                    <li><a href="exhibitions_2013-present.htm"><span>2013-Present</span></a></li>
                    <li><a href="exhibitions_recent_past.htm">2010-12</a></li>
                    <li><a href="exhibitions_past_07-09.htm">2007-09</a></li>
                    <li><a href="exhibitions_recent_past2.htm">2004-06</a></li>
                    <li><a href="exhibitions_2001-3.htm">2001-03</a></li>
                  </ul>
                </li>
                <li><a href="longterm_loans.htm">Visiting Masterpieces</a></li>
                <li><a class="ajxsub" href="#">Prado at the Meadows</a>
                  <ul>
                    <li><a href="about_Prado_Meadows.htm">Prado at the Meadows</a></li>
                    <li><a href="docs/Pradopartnershipexpansionrelease.pdf">Expansion of Partnership</a></li>
                    <li><a href="exh_Prado_Meadows_press.htm">Press Release El Greco</a></li>
                    <li><a href="exh_Prado_Meadows_Ribera_press.htm">Press Release - Ribera</a></li>
                    <li><a href="about_Velazquez_Prado_release.htm"><span>Press Release - Velaquez </span></a></li>
                    <li><a href="prado_press.htm">News Articles</a></li>
                    <li><a href="prado_fellowship.htm">Fellowships</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="public_programs.htm">Education</a>
              <ul>
                <li><a href="public_programs.htm">Program Calendar</a></li>
                <li><a href="internships.htm">Internships</a></li>
                <li><a href="fellowships.htm">Fellowships</a></li>
                <li><a href="students_teachers.htm">K-12 Resources</a></li>
                <li><a href="symposia.htm">Symposia</a></li>
              </ul>
            </li>
            <li class="tsub"><a class="ajxsub" href="membership.htm">Get Involved</a>
              <ul>
                <li><a href="membership.htm">Join or Renew a Membership</a></li>
                <li><a href="member_travel.htm">Member Travel</a></li>
                <li><a href="volunteer.htm">Volunteer</a></li>
                <li><a href="internships.htm">Internships</a></li>
                <li><a href="work_here.htm">Employment</a></li>
                <li><a href="support.htm">Donate</a></li>
              </ul>
            </li>
            <li class="tlast"><a href="50th_anniversary.htm">50th Anniversary</a></li>
            <li class="timg"><img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///////yH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" alt=""/></li>
          </ul>
        </div>
      </div> <!-- End nav-->
    </div> <!-- End navbackground-->
    <br />
    <!-- Begin wrapper-->
    <div id="wrapper">
    <!-- Begin slideshow-->
      <div id="slideshow">
      <!-- Start dwuser_XML_Flash_Slideshow_v4 -->
            <!-- Do not remove the line below!!!  It is required for the DWUser XML Flash Slideshow v4. -->
            <script type="text/javascript" src="v4flashslideshow/slideshow.js"></script>
            <div class="dwuser_xfs_v4_holder" style="width: 1100px; height: 358px;"> <strong><a href="http://www.adobe.com/go/getflashplayer/">You need to upgrade your Flash Player and enable Javascript to view this content &raquo;</a></strong> </div>
            <script type="text/javascript">
                // <![CDATA[
                if (typeof(window['XMLFlashSlideshow_v4']) == 'undefined') { XMLFlashSlideshow_v4 = function(){}; alert('To use the XML Flash Slideshow v4, you must upload the v4flashslideshow/slideshow.js file, and have a properly defined ' + String.fromCharCode(60) + 'script' + String.fromCharCode(62) + ' reference to it in your HTML.');};
                XMLFlashSlideshow_v4({width:'1100', height:'358', level:'a', xml:'v4flashslideshow/slideshow_data1.xml', backgroundColor:'#F1EFE0', backgroundAlpha:'1', preloaderColor:'#FFFFFF', preloaderTextColor:'#FFFFFF', externalSkinURL:'', touchMode:'inline', touchBackgroundColor:'#F1EFE0', backgroundImage:'images/slideshow/Calatrava3_big.jpg', rightClickLabel:'slideshow of upcoming events'});
                // ]]>
                </script>
            <!-- End dwuser_XML_Flash_Slideshow_v4 -->
      </div><!-- End slideshow-->
    <!-- Begin bodyArea-->
      <div id="bodyArea">
        <!-- Begin programseventstitle --> 
        <div id="programseventstitle">
        <h3>PROGRAMS & EVENTS<br />
    </h3><a href="public_programs.htm"><img src="images/index/class.png" alt="programs and events" width="275" height="143" /></a>
        <ul id="programsevents">
      <p><a
    href="public_programs.htm#symposium">International
        Symposium</a><BR>Sat, Feb 7, 10 A.M.-3 P.M.</p>
      <p><a
    href="public_programs.htm#toast">Champagne
        Toast</a><BR>Sat, Feb 7, 3:30-5:00 P.M.</p>
      <p><a href="public_programs.htm#music">Music
        at the Meadows</a><BR>Sat, Feb 7, 6:30 P.M</p>
      <p><a
    href="http://www.meadowsmuseumdallas.org/public_programs.htm#drawing">Drawing
        from the Masters</a><BR>Sun, Feb 8, 1:30-3 P.M.</p>
      <p><a
    href="public_programs.htm#conn">Access
        Program: Connections</a><br />
        Wed, Feb 11, 10:30 A.M.-12:30 P.M.</p>
        </ul>
        </div>  <!-- End programseventstitle -->
        <!-- Begin newstitle -->
          <div id="newstitle">
          <h3>NEWS</h3> <a href="news.htm"><img src="images/index/Bacon_thumb.jpg" width="275" height="143" alt="news" title="news" /></a>
          <ul id="news">
        <p>12/23/14 - <a href="docs/50th_updated.pdf" target="_blank">Meadows Museum Looks Ahead to Golden Anniversary in 2015</a> (PDF)</p>
          <p>12/15/14 - <a href="docs/MossChumley2014Award.pdf" target="_blank">Meadows Museum Announces 2014 Moss/Chumley Artist Award Winner: Darryl Lauster</a> (PDF)</p>
          <p>11/3/14 - <a href="docs/Abello_2014.pdf" target="_blank">Meadows Museum to Present First Exhibition in U.S. of Paintings from
            Juan Abelló Collection, Among World’s Top Private Collections</a> (PDF)</p>
          </ul>
    </div>    <!-- End newstitle -->
      <!-- Begin multimediatitle -->   
        <div id="multimediatitle">
        <h3>MULTIMEDIA</h3><a href="http://vimeo.com/109750163" target="_blank"><img src="images/50th_anniversary/thumb_homepage.jpg" alt="multimedia" title="multimedia" width="275" height="143" /></a>
        <ul id="multimedia">
        <p><a href="media.htm">Watch videos, live webcasts, and podcasts</a>.</p>
          <p><strong>50th Anniversary</strong><br />
            Experience the Meadows Museum at SMU as the Museum approaches its <a href="http://vimeo.com/109750163" target="_blank">50th  anniversary</a>. Find out what's going on this year, what's in the news, and discover the fascinating history of the Museum in <a href="50th_anniversary_timeline.htm">Meadows Milestones</a>.</p>
          <p><a href="media.htm">June 20, 2014 <em>WFAA News</em> story about artist John Bramblitt.</a></p>
          </ul>
    </div>  <!-- End multimediatitle -->
      <!-- Begin supportustitle --> 
    <div id="supportustitle">
    <h3>SUPPORT US!</h3>
        <a href="support.htm"><img src="images/news_programs/MeadowsandLois.jpg" width="275" height="143" /></a>
        <ul id="supportus">
        <p><a href="membership.htm">Join/Renew your Membership</a></p>
          <p><a href="support.htm">Donate to the Museum</a></p>
          <p><a href="shop.htm">Browse our online shop</a></p>
            <p><a href="volunteer.htm">Become a Docent</a></p>
          <p><a href="shop.htm"></a><a href="volunteer.htm">Volunteer</a></p>
            <p><a href="javascript:open_window(%27http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw%3D%3D%27)">Join our E-newsletter</a></p>
          </ul>
          <!-- Start Google Translator -->
        <div id="google_translate_element"></div>
        <script type="text/javascript">
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({pageLanguage: 'en'}, 'google_translate_element');
    </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></scrip t>
    <!-- End Google Translator -->
        </div>  <!-- End supportustitle -->
          <div class="push"></div>
    </div><!-- End Body Area-->
    <!--Begin footer-->
        <div id="footer">
          <!--Begin searchbar-->
          <div id="searchbar">
            <form role=“search” style="margin-right:0px; margin-top:12px; float:left; width:265px;" action="http://search.freefind.com/find.html" method="get"  accept-charset="utf-8" target="_self">
              <input type="hidden" name="si" value="47230699">
              <input type="hidden" name="pid" value="r">
              <input type="hidden" name="n" value="0">
              <input type="hidden" name="_charset_" value="">
              <input type="hidden" name="bcd" value="&#247;">
              <input type="text" name="query" size="15" style="border:thin">
              <input aria-label=”search” type="submit" value="search">
            </form>
            <br />
            <br />
            <a href="https://www.facebook.com/MeadowsMuseumDallas"><img src="images/symbols/facebook_white.png" alt="like us on Facebook" title="like us on Facebook" width="28" height="28" /></a><a href="https://twitter.com/MeadowsMuseum"><img src="images/symbols/twitter_white.png" alt="Follow us on Twitter" title="Follow us on Twitter" width="25" height="25" /></a> <a href="https://blog.smu.edu/tabularasa/"><img src="images/symbols/blog_white.png" alt="Museum blog" title="Museum blog" width="23" height="23" /></a> <a href="http://visitor.constantcontact.com/manage/optin/ea?v=001WVdpo956d6mu5VjDxJQqvxlxNOVSB0HGHh q6v_z9sTXd8YFRILmxqroHCfw5TVmt2p88AqzgSHcInE_zTaFkPw=="><img src="images/symbols/e-mail_white.png" alt="E-mail us" title="E-mail us" width="27" height="25" /></a> <a href="membership.htm"><img src="images/symbols/JOIN.png" alt="join the museum" title="join the museum" width="38" height="32" /></a> <a href="https://www.google.com/maps/preview#!q=5900+Bishop+Blvd.,+Dallas,+TX+75205&data=!1m4!1m3!1 d10476!2d-96.785088!3d32.837337!4m10!1m9!4m8!1m3!1d107264!2d-96.783199!3d32.845558!3m2!1i1 024!2i768!4f13.1"><img src="images/symbols/google-maps-iphone-icon.png" alt="Find us on Google maps" title="Find us on Google maps"  width="24" height="24" /></a>
            </div><!--End searchbar-->
        <!--Begin admissionhours-->
        <div id="admissionhours">
        Hours: Tue-Sat 10:00 a.m. - 5:00 p.m.,
            Thu until  9:00 p.m.,     
            Sun 1:00 - 5:00 p.m.
            Closed Monday.
            Admission: $10,  adults, $8,  seniors 65 &amp; over, $4,  non-SMU students. Free: Museum members, children under 12, SMU faculty/staff/students. Free Thu eve after 5:00 p.m. <br />
          </div><!--End admissionhours-->
        <!--Begin adresstel-->
          <div id="addresstel">
          Meadows Museum, 5900 Bishop Blvd., Dallas, TX 75205, <br />
            P.O. Box 750357, Dallas, TX 75275-0357 <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> 214.768.2516<br />
            <a href="contacts.htm" class="white">e-mail</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /><a href="site_map.htm" class="white"> Site map</a> <img src="images/index/Untitled-1.png" alt="" width="6" height="10" /> Website by <a href="http://www.mypawprint.com" class="white">My Pawprint Productions</a><br />
            © 2015 Meadows Museum
            </div>  <!--End adresstel-->
        </div>  <!--End footer-->
      </div> <!--End wrapper-->
    </body>
    </html>
    and here is the layout.css file:
    @charset "utf-8";
        margin: 0px;
        padding: 0px;
    a:link {color: #656252; text-decoration: underline; }
    a:active {color: #656252; text-decoration: underline; }
    a:visited {color: #656252; text-decoration: underline; }
    a:hover {color: #656252; text-decoration: none;
    a.white:link {color: #FFFFFF; text-decoration: underline; }
    a.white:active {color: #FFFFFF; text-decoration: underline; }
    a.white:visited {color: #FFFFFF; text-decoration: underline; }
    a.white:hover {color: #FFFFFF; text-decoration: underline; }
    /* Smartphones (portrait and landscape) ----------- */
    @media only screen
    and (min-width : 320px)
    and (max-width : 480px) {
    /* Styles */
    /* Smartphones (landscape) ----------- */
    @media only screen
    and (min-width : 321px) {
    /* Styles */
    /* Smartphones (portrait) ----------- */
    @media only screen
    and (max-width : 320px) {
    /* Styles */
    /* iPads (portrait and landscape) ----------- */
    @media only screen
    and (min-width : 768px)
    and (max-width : 1100px) {
    /* Styles */
    /* iPads (landscape) ----------- */
    @media only screen
    and (min-width : 768px)
    and (max-width : 1100px)
    and (orientation : landscape) {
    /* Styles */
    /* iPads (portrait) ----------- */
    @media only screen
    and (min-width : 768px)
    and (max-width : 1024px)
    and (orientation : portrait) {
    /* Styles */
    /* Desktops and laptops ----------- */
    @media only screen
    and (min-width : 1224px) {
    /* Styles */
    /* Large screens ----------- */
    @media only screen
    and (min-width : 1824px) {
    /* Styles */
    /* iPhone 4 ----------- */
    @media
    only screen and (-webkit-min-device-pixel-ratio : 1.5),
    only screen and (min-device-pixel-ratio : 1.5) {
    /* Styles */
    .hidden
    {position:absolute;
    left:-10000px;
    top:auto;
    width:1px;
    height:1px;
    overflow:hidden;}
    a img {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
    header {
        width: 1100px;
        background-repeat: no-repeat;
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 0px;
        padding-left: 0;
    header a {
        text-decoration: none;
        background-image: url(../images/index/orange_50th_2011_1100.png);
        background-repeat: no-repeat;
        background-position: right top;
        padding: 0;
        display: block;
        height: 130px;
        text-indent: -700px;
    header a:focus {
        background-position: right top;
        padding: 0;
        height: 132px;
        text-decoration: none;
        display: block;
        background-image: url(../images/index/orange_50th_2011_1100.png);
        background-repeat: no-repeat;
        text-indent: 0px;
        text-decoration: underline;
        color: white;
    a:focus {
      outline: thin dotted;
      outline: 5px auto -webkit-focus-ring-color;
      outline-offset: -2px;
    header b {
        text-decoration: none;
    h1 {
        height: 75px;
        width: 285px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 50px;
        font-weight: normal;
        color: #f1efe0;
        float: left;
        padding-left: 35px;
        padding-top: 75px;
    h2 {
        height: 51px;
        width: 480px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 25px;
        font-weight: normal;
        font-style: italic;
        float: left;
        color: #f1efe0;
        padding-top: 99px;
    h3 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #666;
        height: 25px;
        padding-left: 10px;
    h4 {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 15px;
        margin: 25px;
        color: #666666;
    #logo {
        background-color: #af4d33; /*change the color to match your orange*/
        display: block;
    #navbackground {
        background-color: #776353; /*change the color to match your brown*/
        background-repeat: repeat;
    #nav {
        margin-top: 0;
        margin-right: auto;
        margin-bottom: 0;
        margin-left: auto;
        padding-top: 0px;
        padding-right: 0;
        padding-bottom: 0px;
        padding-left: 0;
        width: 1100px;
    .caption {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        margin: 25px;
    p {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 13px;
        color: #414040;
        margin: 25px;
    .caption {
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 11px;
        color: #666666;
        margin: 25px;
    #wrapper {
        background-color: #e2dfcf;
        min-height: 100%;
        height: auto !important;
        height: 100%;
        width: 1100px;
        margin-right: auto;
        margin-left: auto;
        border-right-width: 1px;
        border-left-width: 1px;
        border-right-style: solid;
        border-left-style: solid;
        border-right-color: #999999;
        border-left-color: #999999;
    #wrapper #white {
        background-repeat: repeat;
        padding: 0;
        display: block;
        height: 10px;
        background-color: #FFF;
        width: 2500 px;
    #wrapper #slideshow {
        height: 358px;
        background-repeat: no-repeat;
    #wrapper #programseventstitle {
        width: 275px;
        height: 25px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        font-weight: normal;
        font-variant: normal;
        background-color: #e2dfcf;
        padding-top: 10px;
    #wrapper #newstitle {
        width: 275px;
        height: 40px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        vertical-align: middle;
        font-weight: normal;
        margin: 0px;
        background-color: #f1efe0;
        padding-top: 10px;
    #wrapper #multimediatitle {
        width: 275px;
        height: 40px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        font-weight: normal;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
        background-color: #e2dfcf;
        padding-top: 10px;
    #wrapper #supportustitle {
        width: 275px;
        height: 40px;
        float: left;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 14px;
        color: #414040;
        font-weight: normal;
        margin: 0px;
        background-color: #f1efe0;
        padding-top: 10px;
    #wrapper #bodyArea #photoprogramsevents {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #photonews {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #photomultimedia {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #photosupport {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 143px;
    #wrapper #bodyArea #programsevents {
        float: left;
        background-color: #e2dfcf;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #news {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #multimedia {
        float: left;
        background-color: #e2dfcf;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #supportus {
        float: left;
        background-color: #f1efe0;
        width: 275px;
        height: 350px;
    #wrapper #bodyArea #footer {
        height: 100px;
        width: 1100px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        background-color: #af4d33;
        padding: 0px;
        color: #FFFFFF;
        background-repeat: repeat;
        clear: both;
    .footer, .push {
        clear: both;
    #wrapper #bodyArea #footer #searchbar {
        height: 70px;
        width: 230px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #af4d33;
        padding: 15px;
        color: #FFFFFF;
        background-repeat: no-repeat;
        float: left;
        text-align: left;
        clear: none;
    #wrapper #bodyArea #footer #admissionhours
        height: 70px;
        width: 415px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #af4d33;
        padding: 15px;
        color: #FFFFFF;
        background-repeat: no-repeat;
        float: left;
        text-align: left;
        clear: none;
    #wrapper #bodyArea #footer #addresstel{
        height: 60px;
        width: 330px;
        font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
        font-size: 12px;
        background-color: #af4d33;
        color: #FFFFFF;
        background-repeat: no-repeat;
        float: right;
        text-align: right;
        padding-top: 22px;
        padding-right: 25px;
        padding-bottom: 0px;
        padding-left: 15px;
    #google_translate_element{
        padding: 25px;
    html {
    overflow-y:scroll;
    a img {border: none;

    Horgykitkat wrote:
    What I found after taking out the heights from the text areas is that I was left with uneven text column lengths (alternating beige areas). So I created a repeatable jpg with the same alternating beiges and put it as the background of the bodyArea tag. Again, if there is a better way, please let me know!
    A repeating background image to 'fake' equal height columns is perfectly ok.
    It won't work IF your page is responsive but it isn't so no problem. If it were responsive a better solution would be to take advantage of the css property display: table; and display: table-cell;
    In reference to your footer background color not showing I would assume you have floated items within the footer container. If so then you need to clear those floated items which allows the footer container to wrap itself around the floated items inside it.
    You would do this by using css - overflow: hidden; - on the parent container which has the floats inside it.

Maybe you are looking for