[css-d] IE7 Problem

[mark brailsford]

The home page at http://www.facilityplanners.com/ has an element that floats
up under the banner. It works fine in FireFox and IE6.

The relevant css is in http://www.facilityplanners.com/css/global.css and
http://www.facilityplanners.com/css/home.css

The misbehaving div's css is

#divAnnounce{
POSITION: relative;
TOP: 5px;
left: 10px;
MARGIN: 0px;
PADDING: 5px 5px 0 0;
FLOAT: right;
WIDTH: 290px;
}

IE7 is rendering it offsett from the top of the page. Not its containing
div.

-- 
/Mark Brailsford
mailto:[EMAIL PROTECTED]
blog: http://brailm.blogspot.com/

"Any fool can make things bigger, more complex, and more violent. It takes a
touch of genius-and a lot of courage-to move in the opposite direction."
--Albert Einstein
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] IE problem

[mark brailsford]

I have tried many things and have failed to make question 2.2 on this survey
to look properly in IE. It looks like I want it to in Firefox.

http://www.facilityplanners.com/survey/_common/v6/genSurvey.aspx?p=/survey/ucr/s2/

The relevant markup is:


4
Use of meeting
rooms

Greatly
influences
Influences
No
influence


The relevant CSS is:

.optionset{
border: 1px solid Fuchsia;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 2px;
}

.optionlegend{
display: none;
}

.optiontlabel {
width: 30%;
border: none;
float: left;
margin: 0px 0px 0px 0px;
background-color: White;
}

.optdiv{
color: #2A2A2A;
margin: 0px 0px 0px 31%;
padding: 2px 0px 0px 0px;
border: 1px solid green;
white-space: normal;
vertical-align: top;
}
.optdiv label {
white-space: nowrap;
}




What the heck am I doing wrong?

-- 
/Mark Brailsford
mailto:[EMAIL PROTECTED]
blog: http://brailm.blogspot.com/

"Any fool can make things bigger, more complex, and more violent. It takes a
touch of genius-and a lot of courage-to move in the opposite direction."
--Albert Einstein
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Re: [css-d] IE problem

[mark brailsford]

Solved it myself. I had a clear all in another selector.

-- 
/Mark Brailsford
mailto:[EMAIL PROTECTED]
blog: http://brailm.blogspot.com/

"Any fool can make things bigger, more complex, and more violent. It takes a
touch of genius-and a lot of courage-to move in the opposite direction."
--Albert Einstein
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

[css-d] Problem with a CSS rollover implementation

[mark brailsford]

This page: http://dev.facilityplanners.com/portfolio/ works fine in FF, but 
fails in IE6, why?

I tried to use IE7, but that did not work.

Here's the inline style:

ul {list-style: none;
}
li {margin-bottom:5px;}
a {text-decoration:none}
ul#links li a span {display: none;}
ul#links li a:hover span {
display: block;
position: absolute; top: 27px; left: 315px; width: 
200px;
padding: 0px; margin: 10px; z-index: 100;
color: #AAA; background: white;
font: 10px Verdana, sans-serif; text-align: center;
ul#link img {display:inline}
}



-- 
/Mark Brailsford
mailto:[EMAIL PROTECTED]
blog: http://brailm.blogspot.com/

"I have noticed that the people who are late are often so much jollier than 
the people who have to wait for them."
- E.V. Lucas (1868 - 1938), English Writer
__
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/