Opera, Safari, Chrome, IE compatibility issue (cross browser issue).

I've created a quite simple website. It works great in IE8+ and in Firefox. But it's totally messed-up in other browsers (http://narocila.gratita.com/matija_mihic/). Please, give me a few tips on how I can correct that...

Thank you, Laughing out loud

Mysterious IE layout problem with my menu?!

Hi,

Can anyone give me some advice on a mysterious IE layout problem I've been having with a menu on a wordpress site I'm working on (http://onewildlife.org/) ?!

My menu buttons are all adding a couple of pixels margin height at each position (as in screengrab below), even though this layout works fine in Chrome and firefox.

Any help appreciated, I'm tearing my hair out!

Thanks.

One wild life_screen grab.jpg

The CSS for my menu is currently: 
 
/* = newmenu
-------------------------------------------------------*/
 
.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;
 
 
}

and so on for each color button...

Question about css resets...

Do css resets level the playing field of all browsers, or will they still act somewhat different?

The reason I ask is, I have designed a few different things just to play around and learn css and javascript, but they look different from browser to browser. I usually design in Firefox and then test in Opera, Safari, IE and Chrome (I figure that's enough, but let me know if there are others I should test).
Well, some stuff comes out great in all browsers, some stuff works in all but IE, and some stuff is completely different in every browser.

Need someone with CSS knowledge to help with Customization

Hello Every one.
I am new here so I am not sure if this is the right section to ask for such help, I am currently working on a site that runs PHPmotion with some Addons such as PHPBB etc, the site is running a custom template and I need some one to modify the colors on PHPBB to match the colors of the site, there are a few other minor modifications to be done.
Some of the job is done and the remaining should take a couple of hours to complete.
I am not very familiar with CSS I tried changing some stuff and messed it up so I don't want to take the risk again.

margin and padding problem in different browsers

Hi guys,

I am new here, so if I do something wrong please let me know.
I would say I am not a beginner, but definitely not an expert in css.

I am currently building this website for my dad. This is the stylesheet I used.
As you might see I've created a sort of navigation by using a list. First of all I want to exactly center it with regards to the 'header' and the 'belly'.
I now I can do this by using fixed widths and margin, but is there any other way?

Syndicate content