OutFront Forums
     Home    Register     Search      Help      Login    

Sponsors
Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax
Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.
Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Follow Us
On Facebook
On Twitter
RSS
Via Email

Recent Posts
Todays Posts
Most Active posts
Posts since last visit
My Recent Posts
Mark posts read

 

Need help with CSS Please

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Need help with CSS Please
Page: [1]
 
 
fredecd

 

Posts: 314
Joined: 12/3/2003
From: Louisiana, USA
Status: offline

 
Need help with CSS Please - 9/21/2007 11:18:26   
Hi,

I am in the beginning phase of build a site for my son's school. I am using the PageOneResults CSS drop down menu that I got from this forum.

Everything tests well in FF and IE7, but earlier versions of IE drops down the page banner when I hover over the menu.

Can anyone see where I went wrong?

Page:http://d9866.a38.highendhost.com/prospective_main.htm

CSS sheet: http://d9866.a38.highendhost.com/horiz_menu.css

Thanks in advance,

_____________________________

Chris

Tailslide

 

Posts: 6757
Joined: 5/10/2005
From: Out here on the raggedy edge
Status: offline

 
RE: Need help with CSS Please - 9/21/2007 13:10:21   
Oooh freaky!

Been through it item by item and can't figure out what's causing the menu div to expand downwards pushing the image down too.

The only solution I can come up with isn't marvellous by any means but here goes:

If you make the menu position:absolute, remove it's background colour, make the wrap position:relative and give the banner image a margin-top of around 20px then that seems to fix it.

I'm not a huge fan of using a lot of absolute positioning so personally if it was me I'd stick these rules in a little conditional comment so that only IE5 (or 5.5 too?) get them and the more modern browsers get the original version.

But maybe the originator of the script can help more?

_____________________________

Little Blue Plane Web Design | Land Rover project

:)

(in reply to fredecd)
1eagle

 

Posts: 53
Joined: 1/16/2006
From: the foothills of the Colorado Rockies
Status: offline

 
RE: Need help with CSS Please - 10/14/2007 1:46:52   
Hello Chris,

I have looked at your coding and found the culprits causing the image to be pushed down.

In your on page styling you have no ending bracket on the body element and you have font-size: 100%; #menu ul li {float: left; width: 100%;}
The font-size: 100% is in front of the css command element. This is confusing IE as it does not see the #menu ul li command.

Delete this or move it inside the brackets.

In addition I believe this styling should be placed inside an IE conditional statement;

<!--[if lte IE 6]>
<style type="text/css" media="screen">
body {behavior:url("csshover.htc");}
#menu ul li {float: left; width: 100%;} 
#menu ul li a {height: 1%;} 

#menu a, #menu h2 { 
font: bold 0.7em/1.4em arial, helvetica, sans-serif; 
} 
</style>
<![endif]-->

(in reply to Tailslide)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets and Accessibility >> Need help with CSS Please
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts