WeLoveCSS Logo
Home Profile Members Search Rules Help New Posts



WeLoveCSS > WEB DESIGN > CSS > Unsolved layout issue in IE?

Reply
  Thread Tools Display Modes
Old 14th February 11, 02:31 AM   #1
Cat
WLC Member
 
Cat's Avatar
 
Join Date: Feb 2011
Location: Ireland
Posts: 1
Default Unsolved layout issue in IE?

Hi,

Can anyone help me out with this IE positioning problem I've been tearing my hair out over?!

The menu buttons on a wordpress site I'm designing (http://onewildlife.org/ ) are being knocked out of position in IE browsers (see screen grab!) but work perfectly in Firefox and chrome. I got really determined to create the menu with these transparencies but wasn't sure of the best way to go about it so this is the solution I came up with.

I find it much easier to create css from scratch, manipulating a wordpress template is proving more tricky. If anyone can help that would be great.

Thanks,
Cat.




Code:
.new
{

	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
	background-image:url(images/backnav.jpg);
	background-repeat:no-repeat;
	position:absolute;

}

.new ul 
{

	list-style: none;
	float: left;
	padding: 0;
	position:relative;
	width: 940px;
	text-decoration:none;


}


.new a 
{

	text-decoration:none;
	display:block;
	float:left;
	font-family:"Helvetica Neue",Arial,Helvetica,"Nimbus Sans L",sans-serif;
	font-size:13px;
	color:#FFFFFF;
	padding: 0 10px;
	margin-top: 2px;
	line-height: 38px;
	
}

.new a:hover
{
	color:#000000;
	opacity: 0.99;

}


li#red a 
	{
	background-image:url(images/red.gif);
	opacity:0.75;
	filter:alpha(opacity=70);
	background-repeat:no-repeat;
	background-position:center;
}


li#pink	a
{
	background-image:url(images/pink.gif);
	opacity:0.75;
	filter:alpha(opacity=70);
	background-repeat:no-repeat;
	background-position:center;
	

}

etc.

Last edited by Cat; 14th February 11 at 02:34 AM. Reason: typo
Cat is offline   Reply With Quote
Reply


Thread Tools
Display Modes
Linear Mode Linear Mode

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 01:04 PM.



Home | Advertise | Contact Us | Top
Home | Advertise | Contact Us | Top

Copyrightę 2006 WeLoveCSS.com. All Rights Reserved.
Powered by vBulletin Version 3.8.4 Copyright ©2000 - 2017, Jelsoft Enterprises Ltd.