2 replies [Last post]
beantownmel
beantownmel's picture
Offline
Regular
Boston, MA
Last seen: 13 years 15 weeks ago
Boston, MA
Joined: 2005-04-13
Posts: 18
Points: 0

Hi all-
Check out www.mwvarts.org in IE and Firefox. Note the extra padding on the right-hand side of the layout in IE. I've tortured myself trying to remedy this, with no luck (or, something else gets messed up in the process, making it worse). Any advice?
Thanks!
HTML:

Mt Washington Valley Arts Association

MWVAA artist painting

MWVAA artist painting

MWVAA artist painting


Welcome to the Mount Washington Valley Arts Association!

The Mount Washington Valley Arts Association is an independent, community focused, non-profit organization which exists to promote the study, appreciation and display of the visual arts, particularly the art of the Mt Washington Valley Region.

 



MWVAA Film: The Great Artists: Part II (Durer, Michelangelo, Raphael)


 


Sunday, June 3, 2:00 p.m.

Majestic Hometown Theatre/Conway Cafe

Featuring the lives and art of Dürer (1471-1528), Michelangelo (1475-1564), and Raphael (1483-1520).


> more details



Art in the Park 2007


Unfortunately, due to lack of interest, Art in the Park 2007 has been cancelled.


CSS: body{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; margin: 0; padding: 0; background: #352D28; }

h1, h2, h3, h4, h5, h6 {
font-family: Georgia, "Times New Roman", Times, serif;
font-style: normal;
font-weight: normal;
padding: 0;
margin: 0;
}

label{
font: bold 1em Verdana,Arial,sans-serif;
color: #334D55;
}

#wrapper {
width: 800px;
margin: 0px auto;
padding: 0;
background: #284907;
border: 1px solid #000;
}

#masthead{
margin: 0px auto;
padding: 0;
background: #5B832F;
background-repeat: no-repeat;
}

#header{
margin: 0px auto;
padding: 10px 10px 0 0;
width: 800px;
}

#header img{
padding: 0;
}

#menu{
color: #CCC;
padding: 2px 2px 4px 60px;
white-space: nowrap;
background: #363842;
font-size: 1em;
}
/* 'nowrap' prevents links from line-wrapping if there are too many characters to fit in one line*/

#menu img{
display: block;
}

#leftnav{
margin: 0px auto;
width: 198px;
padding: 0;
background: #5B832F;
float:left;
}

#leftnav ul a:link, #leftnav ul a:visited {display: block;}
#leftnav ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#leftnav li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #leftnav li {border-bottom: none;}

#sidephotos{
position: relative;
background: #284907 ;
margin: 0px auto;
padding: 0px;
font-size: 1em;
text-align: center;
border-top: 1px solid #284907;
border-bottom: 1px solid #284907;
/**keep this weird border or strange things happen**/
}

#sidephotos img{
border: 2px solid #5B832F;
margin: 5px;
}

#sidephotos h3{
padding: 10px 0px 2px 10px;
}

#sidelinks{
margin: 0px auto;
padding: 0px 0px 0px 10px;
font-size: 1em;
background: #284907;
}

#sidelinks h3{
padding: 10px 0px 2px 0px;
color: #A6BD8C;
}

#content{
float:left;
margin: 0px auto;
width: 600px;
padding: 15px 0 150px 0;
background: #E0DDB7;
}

#content .divider {
border-top: 1px solid #91A087;
padding: 5px 0 12px 0;
}

#content h1{
font-size: 1.8em;
color: #382412;
}

#pageName{
padding: 0px 0px 10px 10px;
}

#story{
clear: both;
padding: 10px;
margin: 0px auto;
}

#story h2{
font-size: 1.5em;
color: #284907;
line-height: 1.5;
}

#story h3{
font-size: 1.3em;
color: #006666;
line-height: 1.5;
padding-top: 3px;
}

#story h4{
font-size: 1.2em;
font-weight: normal;
color: #5B832F;
line-height: 1.3;
padding-top: 3px;
}

#story h5{
font-size: 1.2em;
color: #334d55;
line-height: 1.2;
}

#story p{
font-size: 1em;
line-height: 1.4;
padding: 0 0 0 15px;
}

#story ul{
font-size: 1em;
line-height: 1.4;
list-style-type: square;
}

#story ul li{
padding-bottom: 10px;
}

#story ul ul{
list-style-type: disc;
}

#story ul ul ul{
list-style-type: none;
}

#footer{
clear: both;
border-top: 1px solid #382412;
border-bottom: 1px solid #382412;
background: #A6BD8C;
padding: 5px 5px 5px 30px;
margin-top: 0px;
font-size: .8em;
line-height: 1.4;
color: #333;
}
/* negative top margin pulls footer up so its top border overlaps (and thus lines up with)
the bottom border of the leftnav in cases where they "touch" */

#footer img{
border: 2px solid #CCC;
display: block;
margin: 3px 0;
}

/**********LINK STYLES**************/

#content a:link, a:visited {
color: #507298;
text-decoration: none;
}

#content a:hover {
color: #507298;
text-decoration: underline;
}

#story a:link, a:visited {
color: #507298;
text-decoration: none;
}

#story a:hover {
color: #507298;
text-decoration: underline;
}

#menu a:link, a:visited{
color: #FFF;
text-decoration: none;
}

#menu a:hover {
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}

#sidephotos img a:hover{
border: 2px solid #A6BD8C;
}

#footer a:link, a:visited {
color: #507298;
text-decoration: none;
font-size: inherit;
}

#footer a:hover {
color: #507298;
text-decoration: underline;
}

#highlight {
background: #D6F4B3;
border: 1px dashed #508912;
margin: 0 2em 2em 2em;
padding: 1em;
}

#highlight h1, h2, h3, h4, p {margin: 0; padding: 0;}

DanA
DanA's picture
Offline
Elder
Last seen: 10 years 19 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Try padding: 10px 0 0; in

Try padding: 10px 0 0; in #header

beantownmel
beantownmel's picture
Offline
Regular
Boston, MA
Last seen: 13 years 15 weeks ago
Boston, MA
Joined: 2005-04-13
Posts: 18
Points: 0

It worked!

Thanks very much! Smile