Log in

No account? Create an account
14 December 2005 @ 11:09 am
Questions - CSS & making IE and Netscape play well together  
I'm still plugging away on that website. This is what I've got so far. I have several hundred pages to go - boring and repetitive, but easy enough to do via templates now that the main designing work is over.

I have a few questions about issues I'm still experiencing:

- The difference in display between Netscape & IE is driving me crazy. If I fix something in IE, it gets messed up in Netscape and vice versa. Currently the display is fine in Netscape, but the main column text is squished over to the right in IE. Is there a way to fix this so the text shows up correctly in both browsers? Do I need to put in some extra code to tell IE not to right justify it or something?

- how to put name, address, phone, & email beneath small pics in left column without making them a link?

- how do I make the Mapquest page & newsletter/email list page come up in separate tab/window?

- I'm also having problems getting a new header file to work & removing the
info at the beginning of the CSS code. That way I can use the same header as I currently do with nice text right in the image, rather than header text being generated from the code.

-the redhead-
Brown Eyed Girlbrowneyedgirl65 on December 14th, 2005 07:21 pm (UTC)
Off the top of my head...

1) Welcome to my world. They probably will also display differently in Safari (mac) and potentially in Opera as well. I find that different versions of IE will also behave differently. I have almost always had to fall back on alternating coding depending on which browser it was. At this point, though, ifyou're just using straight html with css, you can't quite do it. You might have to use javascript to tweak that on a browser basis.

2) I'm not sure what you're asking here about nonlinked name, etc. Don't put an <a around them? What's happening when you try to do what you want? Maybe put it up on the page (when I look at it there is nothing under the little pics on the left / bottom of sidebar)

3) to make a link pop up in another page, target it. Eg
<a target="newwindow" href="blah blah blah">link</a>
or target="_blank" which guarantees a new page (if it's named, and it's there it will be reused; I use this feature to make sure all of my secondary pages on my site go to one new window instead of a new window for everything selected, it kind of helps cut teh forest down)

4) Not quite sure what you're describing here. Maybe post the header css as it comes out and the way you want it to be?
-the redhead-theredhead on December 14th, 2005 09:17 pm (UTC)
Thank you for all of your help with 'your world' *smile*

Your suggestions (and fixing one silly error that I made when really tired) have helped me solve most of my problems.

If you go look now, I've revised the index page with those changes - http://www.redstonegroup.org/testing/index.html

I'd love your opinion on my first efforts at CSS. Is it professional and elegant looking? One reason I've tried to keep it so simple is that this is a gallery website, so the artwork (coming soon) should take center stage. For reference, this is his current website - http://www.claylink.com/default.htm I'm hoping what I've created is at least a little better *smile*

So, I still don't know how to fix the Netscape vs. IE display issue. I'm thinking there's something I can put in that would tell IE not to send everything over to the right? Here are some screeshots to illustrate:

In Netscape everything is hunky-dorey, and the middle column text displays properly

Image hosted by Photobucket.com

In IE, however, it squishes everything over to the right. I'm pretty sure it's thinking right because it does it all the way with the little bit of text on the contact page

Image hosted by Photobucket.com

Image hosted by Photobucket.com

Is there any way to fix this in my CSS file? If I fix it so it works in IE, then in Netscape the text runs over the navigation column to the left.

Thanks again for your patience with all of my beginner questions and problems. And for your help!

Hopefully if I can get that last issue worked out this will make a good Christmas present.

-the redhead-
Brown Eyed Girlbrowneyedgirl65 on December 15th, 2005 03:12 am (UTC)
I'm looking into this, but will probably not have anything for you till tomorrow... I want to see if I can come up with something simple...

What would help is if you outlined what you had to change between the Moz (correct, btw) and the IE (hopelessly fucked) versions...
-the redhead-theredhead on December 15th, 2005 03:26 am (UTC)
Thank you again for your help.

If it would make it easier I could email you my CSS code and make a note of the single change that fixes it in one and breaks it in the other?

-the redhead-
Brown Eyed Girlbrowneyedgirl65 on December 15th, 2005 03:31 am (UTC)
that works too! browneyedgirl65@livejournal.com

Brown Eyed Girlbrowneyedgirl65 on December 15th, 2005 04:52 am (UTC)
Hey let me know if php or javascripting are available...there are some css hacks to get around this but they are ug-leee. Plus which they offend the general objective of css, clean "coding"...

(See, my pages are written up wth cgi scripts. So I output different pages entirely depending on the browser I have. But you're not using cgi, so...if you've got inline scripting that's another way out.
-the redhead-theredhead on December 15th, 2005 07:11 pm (UTC)
I think I have the big problem figured out. If you get a chance to go to look at the index / white template and all those pages up, and the dark template, they should be working in both Netscape and IE.

If you see weird things, please let me know?

Thanks again for all of your help and great suggestions.

-the redhead-