[resolved] FF and IE misery - again
Hi,
Attached piccy is the two screens...
In IE
- the list items are adding (unwanted) space again
- the document doesn't appear to flow under the menu - poss 'cause of the picture only on this page - although in ff it does
http://www.vbforums.com/attachment.p...postid=1821396
(Huge) Css pasted below...
Code:
/*
---- D E F A U L T ----
*/
body {
color: #000;
background:#fff;
margin:0;
padding:0;
font-family: sans-serif;
scrollbar-face-color:#Fff;
scrollbar-arrow-color:rgb(181,215,246);
scrollbar-track-color:#fff;
scrollbar-shadow-color:#666;
scrollbar-highlight-color:#ddd;
scrollbar-3dlight-color:#eee;
scrollbar-darkshadow-Color:#333;
}
a {
color: #333;
text-decoration: none;
}
a:hover {
color: #666;
}
/*
---- M E N U B I T S N B O B S ----
*/
#mnuarea {
color: #000;
width: 140px;
margin: 0 48px 0 0;
float: left;
border: solid 0px #f00;
}
#mnutop {
width:140px;
background: url(./pics/mnutop01.jpg) 0 0 no-repeat;
height: 32px;
border: solid 0px #FF0;
}
#mnubot {
width:140px;
background: url(./pics/mnubot01.jpg) 0 0 no-repeat;
height: 32px;
border: solid 0px #FF0;
}
#menu {
color: #000;
background: rgb(181,215,246) url(./pics/menu01.jpg) 100% 0% repeat-y;
text-align: center;
font-variant: small-caps;
font-size: 70%;
padding: 0;
border: solid 0px #000;
}
#menu ul {
margin: 0;
padding: 0;
text-align: center;
list-style: none;
border: solid 0px #000;
}
#menu ul li {
margin: 0 0 0 8px;
padding: 0;
/* width: 80%;*/
border: solid 1px #000;
}
#menu .title {
/* text-decoration: underline; */
text-align: left;
text-indent: 1em;
font-variant: small-caps;
font-weight: bold;
font-size: 120%;
margin: 1em 24px 0 16px;
border: solid 1px #222;
border-width: 0 0 1px 0;
}
#menu a {
color: #444;
text-decoration: none;
}
#menu a:hover {
color: #777;
background: #448;
}
/* -- Title / Logo -- */
#logo {
color: #000;
background: url(./pics/alain2.jpg) 50% 50% no-repeat;
top: 5px;
left: 140px;
width: 100%;
height: 64px;
font-size: 2.5em;
font-weight: bold;
text-align: center;
display: block;
}
/*
---- D I S P L A Y A R E A ----
I want this to flow under the left menu if poss...
*/
#display {
color: #000;
background: #fff url(./pics/fundo.gif);
width: 100%;
text-align: center;
border: solid 1px #0f0;
}
#display .datedone {
text-align: right;
padding: 0 2em 0 0;
font-size: .6em;
}
/*
---- C O P Y R I G H T ----
*/
#crarea {
width: 400px;
text-align: center;
margin-left: auto;
margin-right: auto;
border: solid 1px #00f;
}
#crarea #crl {
width: 364px;
background: url(./crl.gif) 0 0 no-repeat;
border: solid 1px #f0f;
}
#crarea #crr {
width: 364px;
margin-left: 32px;
background: url(./crr.gif) 332px 0 no-repeat;
border: solid 1px #55f;
}
#crarea #copyright {
color:#fff;
background: #06a;
width:332px;
margin-right: 32px;
font-variant: small-caps;
font-size:.75em;
text-align: center;
border: solid 1px #00f;
}
/*
---- Classes
*/
.iefixcenter { text-align: center; }
.bigspc { height: 64px; }
.medspc { height: 32px; }
.smlspc { height: 16px; }
.subtitle { font-weight: bold; text-decoration: underline; }
Any advice welcome...
Vince
