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...

space between rule and text varies

HOpefully there will be a simple remedy.

I have several paragraphs (quotes) that are each followed by a name. The paragraph is flush left and teh name is flush right. Sometimes this name lines up with last paragraph line (if there's room). If not enough room, the name falls onto next line.

This works nicely but the rule that follows is too close to the name that falls onto the next line.* The rule's margin:top factor doesn't seem to work. It works ok when name is part of paragraph however.
*Good example is the 2nd paragraph.

Please help! Thanks.

Here is the url:

Having problems matching design...

Howdy all,

I am an artist/animator that has been coding his own site for years now, but I haven't really been keeping up with the new code the last couple years. I am trying to figure out CSS, but am having a hard time with how to match the design I created in photoshop.

Before this, I have just been using slices and dreamweaver to create my sites, and have had pretty good luck...

http://webspace.ringling.edu/~dsmith/ (my current site)

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.

Syndicate content