Quick question about layouts

Hello guys,

I just finished a website layout in an image editor. I've been reading a couple of tutorials on CSS but I'm still having trouble positioning div's exactly where I want. Any advice on how can I do something like this?

Any comments are highly appreciated!

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)

Syndicate content