Need help: CSS in IE (grrrr)

Okay. I built a site that is not loading correctly in Win/
IE.
site is www.integrityrealestategroup.com
Supposedly, there's an issue with
1) the nav bar at the top not loading correctly and
2) the content flowing out of the grey bar at the bottom
I dunno if this is allowed here, but I'd be willing to pay a
gratuity to he or she who debugs this for me. (Fine print: 1.) I'll
need to perform the fix and make sure the client recognizes the
improvement; 2.) gratuity goes to first person to post the fix.
Thanks for your time, and please believe me when I say that
my turning this board into a brothel bears no indication to how
much respect I have for it.
-c

Start by validating the page -
http://validator.w3.org
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"dog n' moon" <[email protected]> wrote in
message
news:ea8nbh$ig7$[email protected]..
> Okay. I built a site that is not loading correctly in
Win/ IE.
>
> site is www.integrityrealestategroup.com
>
> Supposedly, there's an issue with
> 1) the nav bar at the top not loading correctly and
> 2) the content flowing out of the grey bar at the bottom
>
> I dunno if this is allowed here, but I'd be willing to
pay a gratuity to
> he or
> she who debugs this for me. (Fine print: 1.) I'll need
to perform the fix
> and
> make sure the client recognizes the improvement; 2.)
gratuity goes to
> first
> person to post the fix.
>
> Thanks for your time, and please believe me when I say
that my turning
> this
> board into a brothel bears no indication to how much
respect I have for
> it.
>
> -c
>

Similar Messages

I need help with CSS and floating

Okay, I know I need to get up on CSS and get rid of tables in
my sites.
However, I'm running up against a problem, and after banging
my head
against it for a while, I realize I need help. I've stripped
this down
so as to only show the area where I'm having difficulty.
What I want is a page that has everything down the center,
taking up no
more than 750 pixels and no more than 550 pixels of width. No
problem there.
After the header and the top content, I'd like to have two
"columns",
each in it's own separately-colored box. I would like the
right-side
column/box to be a static size, while the left-side
column/box sizes
dynamically.
Where I'm having problems is that when one column is boxed,
it's fine,
but whenever I wrap each column in its own box, the
fixed-size box
either jumps below or above the other box (depending on which
one has
been floated and which order the div's appear in the code).
Here are the links:
CSS:
http://www.afice.org/stylesheet/floatmestyles.css
ex 1:
http://www.afice.org/floatme1.html
ex 2:
http://www.afice.org/floatme2.html
Before sending, I took a look again, just to see if I was
missing
anything. I did notice that it doesn't seem to be that the
box is
jumping down so much as it is that it's getting written over.
Anyway, sorry for the long-winded explanation. I hope I've
managed to
explain what I'm trying to do well enough that someone can
tell me where
I'm going wrong.
Thanks,
--Kevin

Do you want something like this:
http://www.pmob.co.uk/temp/spointfooter.htm
You will need to look at the code to see how it was done.
Otherwise, there are different examples here on Pauls' site:
http://www.pmob.co.uk/temp/3colfixedtest_4.htm
Nadia
Adobe� Community Expert : Dreamweaver
http://www.csstemplates.com.au
- CSS Templates | Free Templates
http://www.perrelink.com.au
- Web Dev
http://www.DreamweaverResources.com
- Dropdown Menu Templates|Tutorials
http://www.adobe.com/devnet/dreamweaver/css.html
"Kevin D-R" <[email protected]> wrote in
message
news:[email protected]...
> Okay, I know I need to get up on CSS and get rid of
tables in my sites.
> However, I'm running up against a problem, and after
banging my head
> against it for a while, I realize I need help. I've
stripped this down so
> as to only show the area where I'm having difficulty.
>
> What I want is a page that has everything down the
center, taking up no
> more than 750 pixels and no more than 550 pixels of
width. No problem
> there.
>
> After the header and the top content, I'd like to have
two "columns", each
> in it's own separately-colored box. I would like the
right-side column/box
> to be a static size, while the left-side column/box
sizes dynamically.
>
> Where I'm having problems is that when one column is
boxed, it's fine, but
> whenever I wrap each column in its own box, the
fixed-size box either
> jumps below or above the other box (depending on which
one has been
> floated and which order the div's appear in the code).
>
> Here are the links:
>
> CSS:
http://www.afice.org/stylesheet/floatmestyles.css
>
> ex 1:
http://www.afice.org/floatme1.html
>
> ex 2:
http://www.afice.org/floatme2.html
>
> Before sending, I took a look again, just to see if I
was missing
> anything. I did notice that it doesn't seem to be that
the box is jumping
> down so much as it is that it's getting written over.
>
> Anyway, sorry for the long-winded explanation. I hope
I've managed to
> explain what I'm trying to do well enough that someone
can tell me where
> I'm going wrong.
>
> Thanks,
>
> --Kevin

I need Help with Some CSS

I am in the process of making a new template for my site.
I can't really provide any code and here's why, I need help finding the code that I need to change. The new template is actually being designed here.
If you scroll over the home link you will find a sub-menu pops up, if you scroll over the menu items they get bigger and come 'at" you, if you hover over sub-2 and then hover over sub-3 you will notice there is a wild transition effect, I need to know how to get rid of those, it is a different CSS code from another template link to my site. I can't find out how, if somebody could please help me out it would be wonderful. Thank you a whole bunch in advance.

Your menu moves for a couple of reasons first, you have a border in the hover, which is going to move all of the text. You can get rid of the border in the hover or add a border of the same size/style in the active.
The second reason it appears you have some paddng in the hover that moves the text.
Find those and you can solve the issue.
Gary

Newbie needs help comprehending CSS Password Manager functions

Hello All:
I own a TP W500 4062-27U running Windows 7 Ultimate. The computer is trouble-free.
I am seeking a solution to the following need: An application that will securely remember my passwords for various websites, etc. and enable me to log in using the fingerprint reader or similar.
I am aware that Lenovo provides both Fingerprint Reader software and Client Security Solution software, but I don't know whether or not either one (or both) of these applications will provide the functionality I am seeking. I have spent a fair bit of time looking around the Lenovo website, but cannot find a document that describes (in a general, overview manner) the functionality that CSS provides.
I don't need to log into VPNs, or company networks, or anything really fancy like that - I just need something that will enable me to log into about 20 different websites, using a different password for each website. Right now, I'm generally using the same password for every website (that way, I can remember what it is), and as I think you will agree, that is probably not a very good practice so far as security is concerned.
If anyone could point me towards a document that explains how I can get CSS to do what I want it to do, I would be very grateful. If CSS does not have the functionality I am seeking, I would very much appreciate a recommendation of software - possibly non-Lenovo - that does provide the functionality I am seeking.
Thanks very much for your assistance.
Michael

Hi PanEuropean2,
Welcome to Lenovo Forum!
In regard to your question, Client Security Solution (CSS) should be the right fit for you.
I have a T410 with Win 7, and have several passwords to remember which is really killing me. However, by using CSS, Fingerprint software and Password Manager, I need to enter all the passwords only once when access a website or a tool, and let it saved in CSS.
The next time i turn on the machine and open up a website which needs user ID and password, I just need to swipe the fingerprint that I've enrolled, then viola!
Just take note that after the first swipe of fingerprint, tools or website that are to be accessed later will automatically show the password in the box directly without having to swipe fingerprint again. You just need to click to log in. I"m not sure if this is the experience you're looking for, however, no harm to give it a try.
Here's the user guide for CSS. It has
Client Security Solution components
Client Security Solution installation considerations
Client Security Solution features
Hope this helps
Cheers,
Cleo
WW Social Media
T61, T410, x240, Z500, Flex 14
Important Note: If you need help, post your question in the forum, and include your system type, model number and OS. Do not post your serial number.
Did someone help you today? Press the star on the left to thank them with a Kudo!
If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"!
Follow @LenovoForums on Twitter!
How to send a private message? --> Check out this article.
English Community Deutsche Community Comunidad en Español Русскоязычное Сообщество

Spry Menu Bar issue, NEED HELP...???

Here is the coding for a menu bar that i created with CS3, for some reason i am having an issue when i open the web page in IE, on firefox and safari it looks fine, the menu drops down to sub menu's fine, but for some reason when i open it in IE, the submenu's show on the very top of the page rather than right below the menu itself, please check my coding and see if there is an issue???
i ran compatability and there are no issues shown.
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - Revision: Spry Preview Release 1.4 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 10.4em;
    float: left;
    background-image: url(tab2.png);
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
    text-decoration: underline;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    background-image: url(../tab1.png);
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: default;
    padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    border-left-color: #0063bd;
    border-right-color: #0063bd;
    border-right-width: 3px;
    border-left-width: thin;
    font-family: Calibri;
    font-weight: bold;
    font-size: 19px;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #000000;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #000000;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarDown.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-image: url(SpryMenuBarRight.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarDownHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-image: url(SpryMenuBarRightHover.gif);
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline-block;
    f\loat: left;
    position: relative;

Hey gramps, thanks for the info, i have updated my spry framework to 1.6.1 but the problem is still the same, i recreated my menu with the new 1.6 and it still doing the same thing, the submenu's are like vertically reversed... ugh need help.
here the new code
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */
LAYOUT INFORMATION: describes box model, positioning, z-order
/* The outermost container of the Menu Bar, an auto width box with no margin or padding */
ul.MenuBarHorizontal
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    cursor: default;
    width: auto;
/* Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html */
ul.MenuBarActive
    z-index: 1000;
/* Menu item containers, position children relative to this container and are a fixed width */
ul.MenuBarHorizontal li
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    position: relative;
    text-align: left;
    cursor: pointer;
    width: 10.4em;
    float: left;
/* Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) */
ul.MenuBarHorizontal ul
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 100%;
    z-index: 1020;
    cursor: default;
    width: 8.2em;
    position: absolute;
    left: -1000em;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto;
    background-image: url(../tab1.png);
    line-height: 18px;
/* Menu item containers are same fixed width as parent */
ul.MenuBarHorizontal ul li
    width: 8.2em;
/* Submenus should appear slightly overlapping to the right (95%) and up (-5%) */
ul.MenuBarHorizontal ul ul
    position: absolute;
    margin: -5% 0 0 95%;
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
    left: auto;
    top: 0;
DESIGN INFORMATION: describes color scheme, borders, fonts
/* Submenu containers have borders on all sides */
ul.MenuBarHorizontal ul
    border: 1px solid #CCC;
/* Menu items are a light gray block with padding and no text decoration */
ul.MenuBarHorizontal a
    display: block;
    cursor: pointer;
    padding: 0.5em 0.75em;
    color: #FFFFFF;
    text-decoration: none;
    font-size: 19px;
    font-family: Calibri;
    font-weight: bolder;
/* Menu items that have mouse over or focus have a blue background and white text */
ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus
    color: #000000;
/* Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible
    color: #000000;
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenu
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
/* Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */
ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover
    background-repeat: no-repeat;
    background-position: 95% 50%;
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe */
ul.MenuBarHorizontal iframe
    position: absolute;
    z-index: 1010;
/* HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */
@media screen, projection
    ul.MenuBarHorizontal li.MenuBarItemIE
    display: inline;
    f\loat: left;

Need help with Template - unbalanced #EndEditable tag

I am unable to use this template to create a new page and get the "unbalanced #EndEditable tag" error.
If I open the file independently it looks great - otherwise I get the error.
Code for internal_students.dwt
There is an error at line 45, column 79 (absolute position 2188)
<div id="metanav">
<p><a href="../Library/contact/index.html">Contact Us</a></p>
</div>
        <div id="navigation">
            <div id="navigation_l">
                <div id="navigation_r"> <ul>
                        <li><a href="../index.html" class="first"><img src="../images/spacer.gif" alt="CAITE Homepage" width="75" height="20" border="0" /></a></li>
                        <li><a href="../about/index.html">About</a></li>
<li><a href="../news/index.html">News And Events</a></li>
<li><a href="../educators/index.html">For Educators</a></li>
<li><a href="../students/index.html">For Students</a></li>
<li><a href="../industry/index.html" class="last">For Industry</a></li>
                    </ul>
</div>
I need help with this as the site and templates were created 2/3 years before I arrived on the job.
Thank you
Cheryl

Okay
- This is on-line page http://caite.cs.umass.edu/students/index.html
If you want code from template here it is:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />

<title>CAITE - Commonwealth Alliance for Information Technology Education</title>


<meta name="Description" content="Commonwealth Alliance for Information Technology Education (CAITE) to design and carry out comprehensive programs that address under representation in information technology (IT) education and the workforce. CAITE will focus on women and minorities in groups that are underrepresented in the Massachusetts innovation economy" />
<meta name="Keywords" content="Commonwealth Alliance for Information Technology Education CAITE Massachusetts women minorities information technology IT" />
<meta name="robots" content="all, index, follow" />
<meta name="revisit-after" content="14 days" />
<meta name="author" content="Outreach Web Team" />

<link rel="shortcut icon" href="/images/favicon.ico" />
<script type="text/javascript" src="../scripts/jquery.js"></script>
<script type="text/javascript" src="../scripts/jquery.easing.js"></script>
<script type="text/javascript" src="../scripts/jquery.pngfix.js"></script>
<script language="JavaScript" type="text/JavaScript">
    
</script>
<link href="../css/screenstyle.css" rel="stylesheet" type="text/css" media="screen" />
<link href="../css/printstyle.css" rel="stylesheet" type="text/css" media="print" />
</head>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<body>
    <div id="wrapper">
        <div id="metanav">
<p><a href="../Library/contact/index.html">Contact Us</a></p>
</div>
        <div id="navigation">
            <div id="navigation_l">
                <div id="navigation_r"> <ul>
                        <li><a href="../index.html" class="first"><img src="../images/spacer.gif" alt="CAITE Homepage" width="75" height="20" border="0" /></a></li>
                        <li><a href="../about/index.html">About</a></li>
<li><a href="../news/index.html">News And Events</a></li>
<li><a href="../educators/index.html">For Educators</a></li>
<li><a href="../students/index.html">For Students</a></li>
<li><a href="../industry/index.html" class="last">For Industry</a></li>
                    </ul>
</div>
                
            </div>
       </div>
        <div id="wrapper_l">
            <div id="wrapper_r">
                  <div id="innerwrapper">
                    <div id="internalBanner-print"> <h1>Commonwealth Alliance for Information Technology Education (CAITE)</h1></div>
                    <div id="internalBanner">
                      <div class="students-banner">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="125" height="188" align="left" valign="top" id="homeImage"><img src="../images/logo_vertical_small.png" alt="CAITE" width="105" height="188" /></td>
                            <td align="left" valign="top" id="internal-banner-quote"><div id="internalQuote">
                                <div id="internalQuote-inner">
                                  <p>CAITE designs and carrys out comprehensive programs that address under-representation in information technology (IT).</p>
                              </div>
                            </div></td>
                          </tr>
                        </table>
                    </div>
                    </div> 
                    <div id="internalContent">
                        <table width="100%" border="0" cellspacing="0" cellpadding="0">
                          <tr>
                            <td width="317" align="left" valign="top" id="secondary-content">
                              
                              <h3><a href="../students/index.html">For Students</a></h3>
                              <div id="secondaryNav">
                                <ul>
                                  <li><a href="http://www.takeITgoanywhere.org" target="_blank">TakeITgoanywhere.org</a></li>
                                </ul>
</div>
                            </td>
                            <td align="left" valign="top" id="contentCell">
                              <h1>For Students</h1>
                              <p>The University of Massachusetts Amherst is leading a Commonwealth Alliance for Information Technology Education (CAITE) to design and carry out comprehensive programs that address under representation in information technology (IT) education and the workforce. CAITE will focus on women and minorities in groups that are underrepresented in the Massachusetts innovation economy; that is, economically, academically, and socially disadvantaged residents.</p>
                              <p>The project will pilot a series of outreach programs supported by educational pathways in three regions (one rural, one suburban, and one urban). The project will include work with high school teachers, staff, and counselors. CAITE will identify best practices and disseminate, deploy, extend and institutionalize these best practices statewide and nationally.</p>
                              <p>Community colleges are the centerpiece of CAITE because of the central role they play in reaching out to underserved populations and in serving as a gateway to careers and further higher education.</p>
                              <p>This project will build a broad alliance built on its leadership in and partnership with the Commonwealth Information Technology Initiative (CITI), the Boston Area Advanced Technological Education Center (BATEC), regional Louis Stokes Alliances and NSF EGEP programs, and other partnerships and initiatives focused on information technology education and STEM pipeline issues</p>
                              <p> </p>
                            </td>
                          </tr>
                      </table>
                    </div>
                    <div id="alliances">
                          <table width="100%" border="0" cellpadding="0" cellspacing="0">
                            <tr>
                              <td height="30" align="left" valign="top"><h2><a href="../about/alliances.html">Alliances</a></h2></td>
                            </tr>
                            <tr>
                              <td align="center" valign="middle"><p>
<table border="0" cellpadding="2" cellspacing="0">
                                <tr>
                                  <td width="35" align="center" valign="middle"> </td>
                                  <td align="center" valign="middle"><a href="http://www.citi.mass.edu/" target="_blank"><img src="../images/logo_citi.jpg" alt="Citi" width="65" height="50" border="0 /"></a></td>
                                  <td align="center" valign="middle"><a href="http://www.batec.org/index.php" target="_blank"><img src="../images/logo_batec.jpg" alt="BATEC" width="69" height="46" border="0" /></a></td>
                                  <td align="center" valign="middle"><a href="http://www.nsf.gov/index.jsp" target="_blank"><img src="../images/nsflogo.gif" alt="NSF" width="64" height="65" border="0" ></a></td>
                                  <td align="center" valign="middle"><a href="http://www.nelsamp.neu.edu/" target="_blank"><img src="../images/nelsamplogo.gif" width="100" border="0"></a></td>
                                  <td align="center" valign="middle"><p><a href="http://mysite.verizon.net/milnerm/" target="_blank"><img src="../images/umlsamp.png" width="85" height="63" border="0"></a></p>                                  </td>
                                  <td align="center" valign="middle"><a href="http://www.neagep.org/index.asp" target="_blank"><img src="../images/nealogo.gif" border="0" ></a></td>
</tr>
                              </table>
</td>
                            </tr>
                      </table>
                    </div>
                </div> 
            </div>
        </div>
        <div id="bottom">
            <div id="bottom_l">
                <div id="bottom_r"> </div>
            </div>
        </div> 
    </div>
    <div id="copyright">
<p>Sponsored by CAITE an NSF CISE Broadening Participation in Computing Alliance<br />
© copyright 2008 <a href="http://www.umass.edu/" target="_blank">University of Massachusetts, Amherst</a></p>
<font color="#666666"><br>
</font>
<p><font color="#666666" size=2> This material is based upon work supported by the National Science Foundation under Grant No.s NSF-0634412 and NSF-0837739. Any opinions, findings, and conclusions or recommendations expressed in this material are those of the author(s) and do not necessarily reflect the views of the National Science Foundation.</font> </p>
</div>

<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-7435501-1");
pageTracker._trackPageview();
} catch(err) {}</script>
    </body>
</html>

I need Help with a website I've created

I need help with a website I've created (www.jonathanhazelwood.com/lighthouse) I created the folowing site with dreamweaver at my current resolution 1366 by 768. Looks great on my screen resolution but if it is viewed on other resolutions the menu moves and some of the text above and below. How can I keep all content centered and working like it does on 1366 by 768 on all resolutions. The htm to my site is below I started off with a blank template through dreamweaver CS5.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Lighthouse Church</title>
<style type="text/css">

</style>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<style type="text/css">
#apDiv12 {
    position:absolute;
    width:295px;
    height:23px;
    z-index:4;
    left: 198px;
    top: 1px;
#apDiv13 {
    position:absolute;
    width:135px;
    height:22px;
    z-index:5;
    left: 1001px;
    top: 3px;
#apDiv14 {
    position:absolute;
    width:309px;
    height:992px;
    z-index:1;
    left: 33px;
    top: 479px;
#apDiv15 {
    position:absolute;
    width:327px;
    height:999px;
    z-index:1;
    left: 324px;
#apDiv16 {
    position:absolute;
    width:262px;
    height:1000px;
    z-index:2;
    left: 674px;
    top: 477px;
#apDiv17 {
    position:absolute;
    width:85px;
    height:34px;
    z-index:1;
    left: -379px;
    top: 1001px;
#apDiv18 {
    position:absolute;
    width:200px;
    height:115px;
    z-index:6;
#apDiv19 {
    position:absolute;
    width:168px;
    height:31px;
    z-index:3;
    left: 448px;
    top: 1451px;
#apDiv20 {
    position:absolute;
    width:94px;
    height:33px;
    z-index:3;
    left: 384px;
    top: 1477px;
body {
    background-color: #000;
    margin-left: 0px;
    margin-right: 0px;
#apDiv21 {
    position:absolute;
    width:920px;
    height:200px;
    z-index:4;
    left: 19px;
    top: 233px;
</style>
</head>
<body>
<div class="container">
<div class="content">
    <div id="apDiv5">
      <div id="apDiv16">
        <div id="apDiv17">
          <map name="Map2" id="Map2">
            <area shape="rect" coords="4,2,77,28" href="http://www.myspace.com/lighthousechurch1" />
          </map>
          <img src="paypal-donate-button.png" width="83" height="33" border="0" usemap="#Map" />
          <map name="Map" id="Map">
            <area shape="rect" coords="2,2,80,30" href="https://www.paypal.com/us/cgi-bin/webscr?cmd=_flow&SESSION=HgApKd0bxyPQv1ixwBW3HgWXaLxPIiT Po9gSsRELLQp72IZ2-_8uvSmCLRO&dispatch=5885d80a13c0db1f8e263663d3faee8d9384d85353843a619606 282818e091d0" />
          </map>
        </div>
      </div>
      <div id="apDiv21">
        <blockquote>
          <blockquote>
            <blockquote>
              <blockquote>
                <blockquote>
                  <blockquote>
                    <p><img src="faithexplosion.png" width="314" height="225" /></p>
                  </blockquote>
                </blockquote>
              </blockquote>
            </blockquote>
          </blockquote>
        </blockquote>
      </div>
      <div id="apDiv14">
        <div id="apDiv15">
          <div>
            <div>
              <p> Special Message from Perry Stone </p>
              <h2> Was Jesus Born on December 25?</h2>
              <p> 12/20/2010 </p>
              <p><img alt="iStock_000003631829XSmall" src="http://www.voe.org/images/iStock_000003631829XSmall.jpg" width="300" height="234" /></p>
              <p>Last   year, in response to the growing number of Christians who celebrate   Hanukkah but hate Christmas, I wrote an article for this website titled   “Hanukkah or Christmas?” I explained why I think Jesus was either   conceived or birthed on December 25.</p>
            </div>
          </div>
          <div>
            <div><a href="http://www.voe.org/Prophecy-Update/what-happened-to-global-warming.html"> READ MORE</a>
              <p> Prophecy Update </p>
              <h2> What Happened to Global Warming?</h2>
              <p> 12/17/2010 </p>
              <p> </p>
            </div>
          </div>
          <div>
            <div></div>
          </div>
          <div>
            <div></div>
          </div>
        </div>
        <div>
          <p><font size="2">Special Word</font></p>
          <p><font size="2">January 7th, 2011</font></p>
          <p> <font size="2">Dear Viewers:</font></p>
          <p><font size="2">We have now entered into one of the most trying times; but also one of the most glorious            times in church history. Many things are coming upon the world and also upon the church and we (the church) must be totally            prepared to take up our cross daily and venture out into the lost and</font></p>
          <p> <a href="http://sermon.lighthousechurchinc.org/2011/01/07/special-word-1711-evangelist-barbara-lync h.aspx" target="_parent">Click Here for More</a></p>
        </div>
        <p> </p>
        <div></div>
        <div>
        </div>
        <div></div>
        <p> </p>
      </div>
      <img src="lighthousegraphic2.jpg" width="960" height="1509" />
      <div id="apDiv20"><img src="myspacebutton.jpg" width="89" height="30" border="0" usemap="#Map3" />
        <map name="Map3" id="Map3">
        <area shape="rect" coords="3,2,87,28" href="http://www.myspace.com/lighthousechurch1" />
      </map>
</div>
    </div>
<p> </p>
</div>
</div>
<div id="apDiv10"><font size="1"><font color="#FFFFFF">Copyright 2011 The Lighthouse Church Inc.</font></font></div>
<div id="apDiv11">
<ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="#">Home</a>    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Our Pastor</a>
      <ul>
        <li><a href="#">Fresh Word</a></li>
        <li><a href="#">Itinerary</a></li>
        <li><a href="#">Prophetic Word</a></li>
        <li><a href="#">Sermons</a></li>
        <li><a href="#">Special Words</a></li>
        <li><a href="#">Word of Month</a></li>
      </ul>
    </li>
    <li><a href="#">Men Ministry</a></li>
    <li><a href="#" class="MenuBarItemSubmenu">Ministers</a>
      <ul>
        <li><a href="#">Chris Gore</a></li>
</ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Our Church</a>
      <ul>
        <li><a href="#">Contact Us</a></li>
        <li><a href="#">Donate</a></li>
        <li><a href="#">Events</a></li>
        <li><a href="#">Our Store</a></li>
        <li><a href="#">Prayer Request</a></li>
        <li><a href="#">Salvation</a></li>
        <li><a href="#">Subscribe</a></li>
        <li><a href="#">Vision</a></li>
        <li><a href="#">We Believe</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Resources</a>
      <ul>
        <li><a href="#">Prepare for Disaster</a></li>
        <li><a href="#">How to Fast</a></li>
        <li><a href="#">Heaven & Hell</a></li>
        <li><a href="#">Warfare Prayers</a></li>
        <li><a href="#">Wisdom Words</a></li>
      </ul>
    </li>
    <li><a href="#" class="MenuBarItemSubmenu">Prophetic</a>
      <ul>
        <li><a href="#">Article Archive</a></li>
        <li><a href="#">Audio Prophecies</a></li>
        <li><a href="#">Color for Year</a></li>
        <li><a href="#">Major Articles</a></li>
        <li><a href="#">Prophecy Archive</a></li>
        <li><a href="#">Prophetic Articles</a></li>
        <li><a href="#">Word for Year</a></li>
      </ul>
    </li>
</ul>
</div>
<div id="apDiv12"><font size="1"><font color="#FFFFFF">6 South Railroad Ave Wyoming,DE 19934</font></font></div>
<div id="apDiv13"><font size="1"><font color="#FFFFFF">Phone:(302) 697-1472</font></font></div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>

Look at all the apdiv's you have. Those are absolutely positioned layers. I'm assuming by your post that you are very new to Dreamweaver and HTML and CSS. I would highly recommend not using absolutely positioned layers until you have a better grasp on HTML and CSS.
Looking at your code I would suggest that you consider using one of Dreamweaver's built in, or downloadable templates as a starting point and work from there.
http://www.adobe.com/devnet/dreamweaver/articles/dreamweaver_custom_templates.html

Hey everyone :) I need help resting my password secuirty questions

Hey everyone okay so its getting a little bit frusturating because this is the second time now that i've had to rest my password secuirty questions, but i guess i have no one to blame but my self ugh. Anways sorry, i know kind of how to rest it but it says that i need a rescue email to rest it to and i guess id don't have a rescue email yikes. So i need help putting in a rescue email. Help anyone? Please i really wanna buy song grrrr help
Savannah S. xx

You won't be able to add a rescue email address until you can answer your questions, you will need to contact iTunes Support / Apple in your country to get the questions reset.
Contacting Apple about account security : http://support.apple.com/kb/HT5699
When they've been reset you can then use the steps half-way down this page to add a rescue email address for potential future use : http://support.apple.com/kb/HT5312

Need Help/Advice with Photo Web Gallery coming from SQL Database

This is my first attempt at a database driven website. I assume what I am trying to accomplish should be fairly easy for more experienced but I am stuck at this point.
First, let me explain what I am trying to accomplish.
I want to create a thumbnail photo gallery displayed in columns and rows. I want to be able to hover over or click on the thumbnail image and have a lightbox script display the image over the thumb page. I am developing locally right now with intent to upload to the hosting site upon completion.
I am developing with ASP vbScript pages. I have an SQL database where the paths to the image thumbnails and pictures are stored in a table. On the gallery page, I have created a div tag to hold my image recordset. Within this div, I have inserted 3 absolute positioned divs to hold the pictureID, the pictureName and the image inserted as a datasource. I then inserted the information from the bindings panel of my recordset. Last, I used a horizontal looper extension from Tom Muck to get the thumbnails to display in columns and rows. Everything works up to this point just fine.
Now, I want to be able to hover or click on a thumnail image and have it displayed in a lightbox. I downloaded and used a javascript called Lightbox 2 which contains 3 javascript files and a css stylesheet. I inserted the files into the head tag like instructed to but could not get things to work properly. Here is where I need help. Currently, I am clicking on the thumbImage binding within the image Div and creating a link holder. I am then binding the larger pictureImage to it with the a.href selected in the bind to. I am then adding the command to call the lightbox javascript. Now, when I test my page, my thumbnail images do not show up (my alt text does in its place) but the links are in place and you can click on the alt text and it will return the correct larger image, but not in the lightbox, just in a new window with no styles.
Am I going about this correctly? Can you use lightbox scripts with data-driven galleries? Does anybody have any suggestions of what I may be doing wrong or missing? Are there better ways to go about accomplishing this?
Any help would be appreciated as this dynamic data thing has my head spinning. Although I know a database is needed to simplify the update and maintenance of the photos while allowing them to be searchable by keywords and tags also set up in the database.
Thanks

As I explained, I am developing locally a the moment. I will see about getting the databased moved up to the hosting server and then provide a link for an example.
In the mean time, can you or anyone else explain a way that you would go about displaying an image thumbnail photo gallery laid out in rows / columns, with any lighbox script that would overlay the larger image over the existing page instead of opening a new browser window?
I don't have to use the method I tried to describe.
In all of the lightbox examples I have looked at thus far, they give instructions on how to append that javascript to a single static image or a group of static images, not images from a datasource. That is where I am getting confused.
Don't know if this will help or not but please see code below:
Javascript and CSS positioned in head tag

<link href="CSS/lightbox.css" rel="stylesheet" type="text/css" />
<script src="Scripts/protype.js" type="text/javascript"></script>
<script src="Scripts/scriptaculous.js?load=effects,builder" type="text/javascript"></script>
<script src="Scripts/lightbox.js" type="text/javascript"></script>

Calling for javascript in the galleryimage div when hovering over thumbnail image
    
    <div id="gallery">
      <p>
        
      </p>
      <table width="400" border="0" align="center" id="galleryNav2">
        <tr>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
              <a href="<%=MM_moveFirst%>">First</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
            <a href="<%=MM_movePrev%>">Previous</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
            <a href="<%=MM_moveNext%>">Next</a>
          <% End If ' end Not MM_atTotal %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
            <a href="<%=MM_moveLast%>">Last</a>
          <% End If ' end Not MM_atTotal %></td>
        </tr>
      </table>
      <p> </p>
      <table align="center" id="HorzLooper">
        <%
startrw = 0
endrw = HLooper1__index
numberColumns = 5
numrows = 5
while((numrows <> 0) AND (Not rs_ssfGallery.EOF))
startrw = endrw + 1
endrw = endrw + numberColumns
%>
        <tr align="center" valign="top">
          <%
While ((startrw <= endrw) AND (Not rs_ssfGallery.EOF))
%>
          <td><div id="galleryImage">
            <div id="galleryThumb"><a href="images/pic/<%=(rs_ssfGallery.Fields.Item("picture_url").Value)%>"rel="lightbox"><img src="images/thumb/<%=(rs_ssfGallery.Fields.Item("thumb_url").Value)%>" alt="<%=(rs_ssfGallery.Fields.Item("alt_url").Value)%>" /></a></div>
            <div id="galleryImageID"><%=(rs_ssfGallery.Fields.Item("picture_ID").Value)%></div>
            <div id="galleryImageFamily"><%=(rs_ssfGallery.Fields.Item("family").Value)%></div>
          </div></td>
          <%
startrw = startrw + 1
rs_ssfGallery.MoveNext()
Wend
%>
        </tr>
        <%
numrows=numrows-1
Wend
%>
      </table>
      <p> </p>
      <table width="400" border="0" align="center" id="galleryNav">
        <tr>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
              <a href="<%=MM_moveFirst%>">First</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If MM_offset <> 0 Then %>
              <a href="<%=MM_movePrev%>">Previous</a>
          <% End If ' end MM_offset <> 0 %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
              <a href="<%=MM_moveNext%>">Next</a>
          <% End If ' end Not MM_atTotal %></td>
          <td width="100" align="center"><% If Not MM_atTotal Then %>
              <a href="<%=MM_moveLast%>">Last</a>
          <% End If ' end Not MM_atTotal %></td>
        </tr>
      </table>

    </div>
    
Thanks for any help or suggestions.

Need Help with spry for uploading to a website

Sorry if there is already a thread about this but i cant seem to get this to work. So I have looked around an dfound that you need to have the spry files uploaded to the server and i have done that, but the page still looks wrong. Here is a link so you guys can see what it looks like and i'm sorry about the page being in norwegian.
http://miljopose.net/kjop.html
I really need help because this is for a project i am doing at school.

None of these files can be found
<script src="SpryAssets/SpryValidationTextField.js" type="text/javascript"></script>
<script src="SpryAssets/SpryValidationConfirm.js" type="text/javascript"></script>
<link href="SpryAssets/SpryValidationTextField.css" rel="stylesheet" type="text/css" />
<link href="SpryAssets/SpryValidationConfirm.css" rel="stylesheet" type="text/css" />
Please upload the files in the correct directory
Gramps

Need help with spacing in Dreamweaver

Hi I need help I making a site in Dreamweaver using a box format. I have ever thing done but I have a gap between my header and nav-bar that I can not close. What should I do?

By default, browsers add their own margins and padding to HTML elements. Many people use a CSS Reset to remove this default spacing and then add their own values to individual CSS selectors.
This quick and dirty reset uses an asterisk (*) as a wildcard selector. This removes default margins and padding from everything:
CSS:
* {margin:0; padding:0}
Other CSS Reset Methods:
http://cssresetr.com/
Nancy O.

Need Help With Dreamweaver Divs

This is a clip of my website that I am making, it is not online yet.
But what I need help is with the divs, as you can see the div with the blue text is overlapping a fireworks html banner I made.
Any way I can fix this so that the fireworks banner goes over the div instead of the other way around?
All help is thanked!

This is a problem with stacking order. Your Blue Text division has priority over your rollover-menus.
Please read about z-index.
http://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/
For better answers, we need a link to your site's test page.
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Need Help in Dreamweaver CS3

I so desperatly need help with using creating Websites. First
of all I should let you know that I was placed in this position
becuase the girl before me quit and they had no one else to take
over. Dont get me wrong I really do like the software but I feel
lost and I have asked several people who do know how to use the
program . One person I asked is the webmaster for the area but when
I went to her for help she created a new site for us. That was not
what I wanted. I wanted a hands on expierience but didnt get it and
she always takes over. We even had tech support for a year but this
lady was either away or didnt help. I have also asked the
surrownding area webmasters for help and havent heard from them
either. So I sincerly need help. I am no giving up and I'm
determined to figure the program out. So If there are any Angels
out there please help.

The only way to get yourself out of this hole is to forget
about learning
the tool, and concentrate on learning the technology. Study
HTML and CSS,
and you will find that you don't need to learn anything about
DW to use it
effectively.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"birdy2" <[email protected]> wrote in
message
news:gidvs8$gda$[email protected]..
>I so desperatly need help with using creating Websites.
First of all I
>should
> let you know that I was placed in this position becuase
the girl before me
> quit
> and they had no one else to take over. Dont get me wrong
I really do like
> the
> software but I feel lost and I have asked several people
who do know how
> to use
> the program . One person I asked is the webmaster for
the area but when I
> went
> to her for help she created a new site for us. That was
not what I
> wanted. I
> wanted a hands on expierience but didnt get it and she
always takes over.
> We
> even had tech support for a year but this lady was
either away or didnt
> help.
> I have also asked the surrownding area webmasters for
help and havent
> heard
> from them either. So I sincerly need help. I am no
giving up and I'm
> determined to figure the program out. So If there are
any Angels out
> there
> please help.
>

Need Help with particular layout

Hi,
I need help with a particular layout with jsf.
I dont be able to get this layout with checkbox and inputtext.
label checkbox
label checkbox
label checkbox
label checkbox
label checkbox labelinputtext inputext
with panelgrid I obtain only this one
label checkbox
label checkbox
label checkbox labelinputtext inputext
label checkbox
label checkbox
But I want place inputext and its label next to the last checkbox.
Could someone help me? Thanks

<h:panelGrid columns="2">
     <h:selectManyCheckbox layout="pageDirection" styleClass="styled">
          <f:selectItem itemLabel="Ischemica" itemValue="Ischemica"/>
          <f:selectItem itemLabel="Ipertensiva" itemValue="Ipertensiva"/>
          <f:selectItem itemLabel="Valvolare" itemValue="Valvolare"/>
          <f:selectItem itemLabel="Cardiomiopatia" itemValue="Cardiomiopatia"/>
          <f:selectItem itemLabel="Altro" itemValue="Altro" />
     </h:selectManyCheckbox>
     <h:panelGrid columns="2" styleClass="tableA" >
          <h:outputText value="Specificare" />
          <h:inputText value="" styleClass="styled2" />
     </h:panelGrid>
</h:panelGrid>
In my css I insert class
.tableA{
vertical-align: bottom;
}

Header with 3 backgroud images, need help

Hi! I'm learning Dreamweaver CC atm, and i am confused in building my header, i need help, if you got time for a beginner.
First, i made a Wrapper Div, added an header div inside that include 3 more div. Each of those 3 div inside my header have a backgroud image: left side, middle side and right side. They are both relative, left and right have a fixed size. The right one float right of the screen. I have trouble with the middle div: it's a 1px width backgroup that reapeat on x. I cant find the way to make it reapeat up to the right div. How can i do it?
I want my page width to adjust to the user screen.
(sorry for my bad english, second language )
Thx for your time and help!

Copy & paste this code into a new, blank document. SaveAs test.html and preview in browsers.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>HTML5, Responsive Header</title>
<meta name="viewport" content="width=device-width, initial-scale=1">

<style>
    /**put this into your CSS Reset**/
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
#wrapper {width: 98%; margin:0 auto}
header {
    width: 100%;
    margin: 0 auto;
    min-height: 50px;
    color: #FFF;
    text-align: center;
#col-1 {
    width: 10%;
    float: left;
    background: #333;
    min-height: 50px;
#col-2 {
    float: left;
    width: 80%;
    background: #A200A2;
    min-height: 50px;
#col-3 {
    width: 10%;
    float: left;
    background: #333;
    min-height: 50px;
.gradient {
background: #000333;
background: -moz-linear-gradient(left, #000333 0%, #a200a2 16%, #a200a2 84%, #000333 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000333), color-stop(16%,#a200a2), color-stop(84%,#a200a2), color-stop(100%,#000333));
background: -webkit-linear-gradient(left, #000333 0%,#a200a2 16%,#a200a2 84%,#000333 100%);
background: -o-linear-gradient(left, #000333 0%,#a200a2 16%,#a200a2 84%,#000333 100%);
background: -ms-linear-gradient(left, #000333 0%,#a200a2 16%,#a200a2 84%,#000333 100%);
background: linear-gradient(to right, #000333 0%,#a200a2 16%,#a200a2 84%,#000333 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000333', endColorstr='#000333',GradientType=1 );
</style>
</head>
<body>
<div id="wrapper">
<h3>WITH FLOATED DIVS</h3>
<header>
<div id="col-1">10%</div>
<div id="col-2">80%</div>
<div id="col-3">10%</div>
</header>
<h3>WITH CSS BACKGROUND GRADIENT</h3>
<header class="gradient">
<h3>Heading 3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae libero lacus, vel hendrerit nisi! Maecenas quis velit nisl, volutpat viverra felis. Vestibulum luctus mauris sed sem dapibus luctus.</p>
</header>
</div>
</body>
</html>
Nancy O.

Need help: CSS in IE (grrrr)

Similar Messages

Maybe you are looking for