S@m

Well, that's the beauty of having your style sheets set up this way. You can make any adjustments to your IE7 style sheet without affecting the other browsers.With IE, it's anyone guess as to what makes it work. It's just a game of trial and error.Glad to see you got everything working!

Great example how to center your layout. Super easy.http://www.simplebits.com/notebook/2004/09/08/centering.html

One of the biggest things to think about is that a div is really a box.Put what you want in each "box", then it's just a matter of moving your boxes around on the screen.Padding will add space INSIDE your box. Margin will space your boxes apart.Don't get caught up in details, start simple. You will get the hang of it.

At work, as a technician (Geek Squad) I always recommend to customers to download Firefox.

We need more people like you!!

You have to have something in there, otherwise it won't render. (As you are finding out) There's got to be a way to populate the cell with the   I would have to do some research as I have no idea how to do that just yet.

Yeah what a pain huh!? :)Lets hear it for IE!! *crickets*

Well, I'm not sure I follow what you are asking for.What I typiclly do is grab elements from the id.Say I have an id of computer.

#computer {font-weight:bold;padding:5px;}

Then I decide that I want all my text inside of that div to be red and right justified. But, only that text. The rest I want left alone.I could do this:

#computer p {color#ffcc00;text-align:right;}

See how that works?Keep in mind, that because the container div (computer) sets my fonts to bold, any text will still be bold. Unless you tell it otherwise.Instead of creating a bunch of classes, just use container ID. That will help cut your code down as well.As far as lower case, yeah...it's a good idea to keep everything lower-case in your css file and markup.Hope this helps!

This thread should help you.http://w3schools.invisionzone.com/index.php?showtopic=10662Otherwise, do a search for "Conditional Comment"

Just think:. is class# is idYou can have multiple classes with the same name on your page, but only 1 unique id name per page.Good luck!

Check out this thread, it should help. What you are looking for is a "conditional comment"http://w3schools.invisionzone.com/index.php?showtopic=10662

Check out this thread on conditional comments. It should help you out. Let me know if you get stuck...http://w3schools.invisionzone.com/index.php?showtopic=10662

Check out this thread. It will (hopefully) help you set up some conditional comments for your style sheets...http://w3schools.invisionzone.com/index.php?showtopic=10662I'm no good with frames, I haven't used them much so if it is a frame problem...I'm afraid I'm no help.

I was afraid of the read only part....

IE doesn't like hover. :)IE7 will let you do that, but 6 wont. You will need to use javascript (or some other nify trick that I don't know about) to accomplish a hover for IE.

..search is not working at the moment, so please direct me if this has been covered already.I am working on closing a window (non-popup) with a text link.

window.close();

But, as you know unless that window was opened w/ window.open(), you will get an alert message along the lines of "something is trying to close the window..."I did some looking around. Found this:

window.opener='x';window.close();

Now, the explanation was that it (the browser) checks the value of "opener" if it is equal to nothing, then you get the error. So, if it equals something, the window will close.That I understand. Makes sense.My js skills are pretty "low" I can read/understand but when it comes to debugging...not so good.IE this script works fine. No problems.But Firefox, I get this:uncaught exception: [Exception... "Could not convert JavaScript argument" nsresult: "0x80570009 (NS_ERROR_XPC_BAD_CONVERT_JS)" location: "JS frame :: java script:window.opener='x';window.close(); :: <TOP_LEVEL> :: line 1" data: no]I don't understand what it can't convert.I looked around for answers, but didn't come up with much.I have also tried the technique on interwebby:

<script language="javascript" type="text/javascript">function closeWindow() {window.open('','_parent','');window.close();}</script>

But again, fine in IE...not in FF.It seems to me that if I can force opener to equal something, then I should be good right?Any suggestions?

I would set your site up (validated) for Opera. Opera is one of the best standards compliant browsers there is. If your page looks good in Opera, it will look good in Firefox. They are pretty similar. However, I would not worry a whole lot about Opera because it has such a small share of the market in terms of users.Once your site is set up and works in Opera and Firefox the way you want, do a search (here) for "Conditional Comment" hopefully you will come up with a lot of posts from me. That will help you get set up for IE. IE is a whole 'nuther nightmare in itself.The reason you do that is so your code remains clean and not full of hacks to make your pages work correctly in IE.Once you have all 3 browsers just the way you want, chances are pretty high they will render correctly in Safari.Good luck!

Best example I have ever seen...Why using tables for layout is stupidGreat layout too.

make sure it is

border:1px solid #0079b9;

What does the whole div code look like?

Trust me. They work.I develop every site with them to avoid what you have happening. (no offense)Use your absolute path in there. I don't know how your file directories are set up. Copy my code in that includes the doctype and such. Only insert your path to your style sheet(s).Set this for your background for the IE 6 style sheet:

body {background-color:#ffcc00;}

(should be a yellowish color)put your IE7 background:

body {background-color:#000;}

should be black.You do have 3 separate style sheets right?

Yep.position:relative;z-index:whatever;will give you the same ability to stack things. It may screw up some positioning, so just be aware you might need to do some tweaks. And...it may not.

Well, generally you will want to make sure your page (important stuff) can fit in an 800x600 screen. It sucks I know, but depending on your audiance there may be a few out there that still use that setting.But, my screen is 1280x1024, so you need to make a "fluid layout" so it will expand and fill the size.Long answer short: you need to be able to have it display in all resolutions (within reason)Here are some css layouts that may help you.http://blog.html.it/layoutgala

how can i do it for firefox? instead of "lte IE6" or "IE7" how would i say for firefox??

That's the thing. Firefox (and other standards compliant browsers) are just that. They play by the rules and IMO they are superior to stupid IE. :)Your origional (or main) css link will do the trick. The commented links are to detect for IE version(s) only. Your default style sheet is what Firefox will read from.Make sense?

could you explain a bit more where does this code go?<!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE7.css" /><![endif]-->in the comments where? does it go in the html file?? do i need to use <script></script> ??some help please.

Sure!That code is designed to detect and serve IE a different style sheet than the default style sheet. The reason you want to do this is because IE doesn't play by the rules. 10px padding for Firefox may turn into -3px padding for IE to get the same result. You will want to keep the code exactly as you have it above. (with comment code)All of that code goes in your <head>like this:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"><head><title>Your Page</title><meta name="description" content="" /><meta name="keywords" content="" /><meta name="categories" content="" /><meta name="robots" content="index,follow" /><link rel="stylesheet" type="text/css" media="screen, projection" href="style.css" /><!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="style_IE7.css" /><![endif]--></head>

There isn't a huge population using IE7 just yet, so I wouldn't worry a whole lot about it. But, it might be a good idea to set yourself up for an easy update now.

That's IE for ya. :)You need to use a conditional comment to make sure your pages render correctly in each browser.Check out this thread, it should help you get gonig...http://w3schools.invisionzone.com/index.php?showtopic=10662

Hmmm....I see that you have IE 6.0 and 7.0. Try taking the ".0" off.I would use relative path(s) instead of the entire url in your links.I'm not sure if I have the correct path, might want to double check that, but here is what I come up with:

<link rel="stylesheet" type="text/css" media="screen, projection" href=".wp-content/themes/frametheme/style.css" /><!--[if lte IE 6]><link rel="stylesheet" type="text/css" media="screen, projection" href="new_site/wordpress/wp-content/themes/frametheme/style_IE.css" /><![endif]--><!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen, projection" href="/wordpress/wp-content/themes/frametheme/style_IE7.css" /><![endif]-->

A way to check if it is working or not is put this in each style sheet:

body {display:none;}

Only do that to 1 style sheet @ a time, then test that browser. If it is working correctly, nothing should show up.

Do you have a link to your site you are working on so I can see what you have?