Remove toolbar background color

There is a low opacity white color showing behind toolbar (extends behind URL, search and to the far right), how do I make it fully transparent so it does not show? .toolbarbutton-1 changes the color behind the buttons but does not affect the rest of the bar.

Are you using a lightweight theme (Persona)?
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Similar Messages

Firefox 29+: Strange toolbar background color

Started in FF29, Roboform toolbar has a strange toolbar background color. It only happens if the Bookmarks toolbar is hidden.
I've tried the following css rules, but to no avail.
#rf-toolbar-container
background-image: none !important;
background-color: -moz-dialog !important;
background: -moz-dialog !important;
box-shadow: none !important;
Win 7, Classic theme.
*I've written to Roboform. It hasn't been fixed.*
I'd appreciate your help.

What kind of color do you see?
Can you attach a screenshot?
*http://en.wikipedia.org/wiki/Screenshot
*https://support.mozilla.org/kb/how-do-i-create-screenshot-my-problem
*Use a compressed image type like PNG or JPG to save the screenshot
*Make sure that you do not exceed the maximum size of 1 MB
Does it help if you disable all other extensions in Firefox and use the default theme?
Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes

Removed rule, background color still there

I removed a message rule that set the background color of the messages to orange. Then I deleted the rule because it didn't filter the right messages but the background color is still there. I can't find any way to manually change the color of the messages. I don't know what else to do. Any ideas?

Open the color picker with "Show Colors" from Mail's "Format" menu. Select a message from the list. Click on the color you want it to be in the color picker, or drag a color from the picker to a message in Mail's list.

Removing the background color of composition while rendering to AVI format

Hello,
I am wondering if some one could help. Appears to be a simple issue. However, I am not sure how to accomplish this.
I created a new composition withe black background. Then created a couple of layers in which I have a simple animation of globe spinning. I rendered that composition (with RGB+alpha channel) into an AVI (windows) file. But when I play that movie in the Media player the black background is still there. How to get rid of it. I want to use that video clip in presentation layered over something else. Hence I do not want the background color. Thanks in advance for the help.
Jag

>But when I play that movie in the Media player the black background is
>still there. How to get rid of it.
Alpha channels are merely transparency information or, more correctly, an information on how to copy and blend the background pixels with the foreground to get the illusion of transparency. It's still tied to the foreground pixels. There is no such thing as a pixel with no color consisting of thin air. Any program that does not interpret the Alpha channel will correctly show the foreground color, which is the composition background color if rendered from AE. MediaPlayer does not care about Alpha as do most other such tools. It's as simple as that. If you really need to use the transparency, you will have to load it into a program that actually accesses the Alpha channel info - such as AE.
Mylenium

Remove a background color for transparency

Greetings,
I have an image with flattened layers and is a PNG image for the web. I need to select only the white background and remove it for transparency.

Use the magic eraser tool if there is no white adjacent to the background . You will want to choose contiguous. If there is white in the main part of the photo adjacent to the background, use a selection tool to choose where to apply the magic eraser.

Stop Automatic Removal of Background Color for .mov files

Hi guys, I'm a rookie to Adobe Premier, but I have a 3.2 ghz processor and 14 GB of memory. I am trying to edit together a project I am animating in Maya. I am sequencing TARGA image files into .MOV files with Quicktime Pro and importing the .MOVs into Premier Elements. The blue sky in the background of each clip is automatically replaced with black when I import and/or render it with Premier. The sky is blue when I play individual clips in Quicktime or other players, but Premier (and Final Cut) always turns it black as though I enabled a chroma key, though I did not. I have considered just putting in a blue background matte, but then I lose the smooth gradient of the sky. Could it have something to do with the alpha channel? Does anyone have any tips? Thank you very much!

It sounds like you're indavertantly Videomerging your clips.
When you add your video to your project's timeline, you quite likely see either a pop-up window offering to Smart Fix your video and/or a pop-up window offering to apply Videomerge. Make sure you do not select the Videomerge option.
If you're not seeing this box, you may have turned on the option to Always Videomerge.
To turn this off, go to Edit/Preferences and check the option to Show All Do Not Show Messages. Then, next time you add a clip and you see the Videomerge option, select No and then click the Do Not Show option to permanently turn this automatic feature off.
Lots more information on stuff like this in my books as well as in my 8-part Basic Training tutorial series at Premiere Elements support site Muvipix.com.

Spry menu without background color

Hi
I have tried to remove the background color in the CSS file.
But if I remove it, it dosent work correct.
I have removed:
background-color: #3a90cb; (in ul.MenuBarHorizontal a)
and
background: #FFF; (ul.MenuBarHorizontal li.MenuBarItemIE)
I want to remove the background color to be able to see the
design behind (with gradient) instead of one color
Hope you can help me
Best Regards
Kim

1: The drop down menu/submenu now has a white background, and
cant figure out where to change that
2: Between submenu 1 and submenu 2 on each headmenu, the word
disable are showing up.

How do I get rid of background color in shortdesc

Every time I remove the background color from the short.description paragraph tag, it comes back when I reopen FrameMaker. I don't want any background colors in my short descriptions.

Ah .. FM10 and DITA 1.2 .. too bad, you're in for a bit of a chore.
The 1.2 apps are here .. AdobeFrameMaker10\Structure\xml\DITA_1.2\
Unfortunately, there are lots of them, and it's not immediately clear how to approach things. Opening an XML file in Frame requires a structured application in order to define the valid document model and to apply the proper formatting. The formatting is applied by an EDD, which defines the mapping from elements and associated styles which live in the template (the EDD itself is embedded in the template as well). The structured applications are defined in the structapps.fm file (of which there are two). One of these can be seen when you choose the Structure Tools > Edit Application Definitions file (this lives in the user's "app data" area), but another is at AdobeFrameMaker10\Structure\structapps.fm (this is the "core" structapps file). The two files define the available structure applications, any definitions in the user's file override those in the other file (I'm pretty sure).
So .. when you open an XML file, Frame scans the structapps files for matching doctypes, if only one is found, that app is used. If multiple matching doctypes are found, you are presented with a dialog that lets you choose from the available apps. If you didn't select an app when opening the file, you'll need to look in the structapp files to see which one was used for your file. The root element in your file defines the doctype (as well as the Public ID). If this is a "task" topic, you'd look in the structapp files for matching apps that support the "task" doctype (if you're using DITA 1.2 you'll be looking for a DITA 1.2 task .. I'm not totally clear on how FM differentiates between the two). In my installation the DITA 1.2 definitions are in the core structapps file, but it could be in either place (or both).
Once you locate the structure app definition, it will have nodes that define the Template, the DTD, the ReadWriteRules, and other things. You're just looking for the template though. If you're using a "task", for DITA 1.2 that's likely to be the DITA_1.2_task structure application .. the template is located at ..
$STRUCTDIR\xml\DITA_1.2\app\technicalContent\template\task.template.fm
where "$STRUCTDIR" is the location of the FrameMaker\Structure folder (or possibly defined differently in the maker.ini .. but that's a different issue).
Editing this one file will affect the formatting of future task topics you open. You'll have to do the same thing in the other corresponding topic type templates to affect all of the topics.
In previous versions of Frame, it used the "ditabase" model for authoring and publishing. This encapsulates all of the models in one file making it much easier to maintain. This model is more parallel to the DITA model, but will be a real nightmare for people to customize. I'm not going to begin to try and explain how you'd clone these apps to make your own, although you can read a document written for DITA-FMx and DITA 1.1 that gives you the fundamental process ..
http://docs.leximation.com/dita-fmx/1.1/?ditafmx_cloningtapps.html
I'm hoping that I've explained this correctly .. I'm still trying to wrap my head around it myself.
Cheers?
...scott

PDF BackGround color..

Dear All,
My requirement is to remove the background color from a PDF if it is set, as per the suggestion which I got from lrosenth(referrence: http://forums.adobe.com/thread/730875?tstart=0) I was successful in Identifying the object which sets the background color but that object was a path object, as i came accross path object also represent various other things, now how can I refine the search and find the exact element object in the content stream which represents the Background color object.
These are the Values which I retrieved for the path:
Path (2) #0x66fb98
Op: fill Size: 20 bbox -1 -1 580 722{
matrix: 1.000000 0.000000 0.000000 1.000000 0.000000 0.000000
ColorSpace (9) #46 0x4bd3b58
{Separation }
fill: 10000 0 0 0
Rect: 0 0 580 722
Clip (7) #1 0x4bf215c
Num elems: 1{
(2) 66fbf8
Please Suggest......
Regard's
Amith Sai

So I have given you the path object details which is setting the background now
in this list does colorspace property sets the background ??

Removal of bg color in header

I'm using DW 8 and would like to remove the brown from the background of my header.
I would like to just have the picture of the header there.
How do I do this?
I do not want the brown to show at all in the header just the picture.
http://wimsarmstrongfamily.org/Newpg.htm

Hello Akaya00,
In Dsign view select the div with id "header" and then from the CSS panel remove the background-color property or change it to the main color of your page.
Regards,
M.Zografski.
DMXzone.com

Email background color selection - can't locate the option!

Hi all,
I have a BB 8830 running OS 4.2.2.148 on Verizon. I use the application BES Mailbox so I have my work BES email seperated from my personal Roadrunner email. Some time ago, I found a way to change the background color of email messages (one color for BES, a different color for the Roadrunner). Well, I'm sick of that now but I can't for the life of me figure out how to change/remove the background colors! Can any of you expert BB users help me out?
Thanks,
Marty
Update!
I found out on Crackberry forums how to do this! What a relief!!!
Go to Options / Security Settings / General Settings / Message Background Colours...
Message Edited by martym on 08-26-2008 04:00 PM

I have a bold 9700 OS5.0, I do NOT have the General Settings folder under the Security Settings folder. I cannot for the life of me find the message background colors options. help!

The toolbar displays File, Edit, View, etc. print too small & barely able to read. How to enlarge print. Also background color of toolbars hard to read. It is black. make larger?

The Menu Bar, Roboform Bar in general all toolbars the print is too small and barely able to read. Please tell me how to enlarge the print. Also, the background color is black and hard to read. Thanks for any help you can give me.

Use this extension to adjust the font size for the user interface:
*Theme Font & Size Changer: https://addons.mozilla.org/firefox/addon/theme-font-size-changer/
Increase the String pref layout.css.devPixelsPerPx from 1.0 to 2.0 in 0.1 or 0.05 steps to adjust the size of all fonts and other elements in Firefox.<br />
In current Firefox versions this pref is a String value parsed to a float and allows to fine tune the dimensions of all elements (user interface and web pages) more precisely.
*http://kb.mozillazine.org/about:config
You can use an extension to set a default font size and page zoom on web pages if the above steps made the text too large.
*Default FullZoom Level: https://addons.mozilla.org/firefox/addon/default-fullzoom-level/

Strange background color of an external toolbar

I use Windows (7) Classic look.
- When tabs are in title bar, Roboform toolbar has a strange blueish background color. How can I fix it? (background: -moz-dialog; doesn't help).
Thank you.

Hi, does this issue only appear in Firefox or also in other applications? Did this issue appear after an Firefox update? Probably it's related to your video/graphics driver.

How to remove background color behind submit button?

Hey there...
I have customised my submit button using CSS and for some reason a grey background color is still showing up... I have used PNG files with a transparency which is how I can see the background color... I have been looking every where to figure out how to take the grey out from under the images... can some one please help...?
The images are placed using "backgroud-image" in the class "cat_button"
Link to an example is here... http://svx0.businesscatalyst.com/pages/contact
Thanks...
Sean

Hi Liam...
Thanks for the response ... but I am aware that the images I placed are grey...
I mean that their is a darker grey color under the images...!!
..the images have rounded corners with an alpha transparency and in each corner there shouldn't be any color other than the main background... body, container background...?
If you look at the image I have attached... you can see that the corners ... and even all around the button there is a darker grey which I can't find where it is coming from...?
Thanks...
Sean

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á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ó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">

</style>
<link href="css/layout.css" rel="stylesheet" type="text/css" />
<script src="ajxmenu1.js" type="text/javascript"></script>
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu1.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu3.css" type="text/css" />
<link rel="stylesheet" href="ajxmenu4.css" type="text/css" />
<style type="text/css">

</style>
<link rel="stylesheet" href="ajxmenu8.css" type="text/css" />
<link rel="stylesheet" href="ajxmenu13.css" type="text/css" />
<style type="text/css">

</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">

</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>

<meta name="google-translate-customization" content="9966f40ce63f3936-63b7db40478c71ff-g3ab4db8eb77d6f75-1b">
</meta>

</head>
<body bgcolor="#f1eee1">
<div class="hidden">Skip to main content.</div>

<div id="logo">
<header role="banner"><a href="http://smu.edu/meadowsmuseum/">Home Page - Meadows Museum</a></header>
</div>

<div id="navbackground">

<div id="nav">
    <div class="AJXCSSMenuBOOIZUD">
      <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 & 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 & 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> 
</div> 
<br />

<div id="wrapper">

<div id="slideshow">

        
        <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 »</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>
        
</div>

<div id="bodyArea">
    
    <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> 
    
      <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>    

    <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> 

<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>
      
    <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>

    </div> 
      <div class="push"></div>
</div>

    <div id="footer">
      
      <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="÷">
          <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>
    
    <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 & 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>
    
      <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> 
    </div> 
</div> 
</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.

Remove toolbar background color

Similar Messages

Maybe you are looking for