RE: CSS and Mozilla/Netscape Nightmare! (Full Version)

All Forums >> [Web Development] >> Cascading Style Sheets



Message

c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (12/26/2003 10:41:29)

quote:

ORIGINAL: bdaul

AND THE ANSWER WAS/IS:

Just remove the z-indices from your stylesheet manually. Since there is
no zero-level defined in your document, the elements with a minus index
might just be put somewhere "behind" the actual page..

THANKS!!!


Where did you find the answer? Just curious?

I hope that it all works better for you now. Good luck.



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (12/26/2003 12:05:33)

quote:


Where did you find the answer? Just curious?

I hope that it all works better for you now. Good luck.


I also left a note on the Abobe GoLive site and Bardo Nelgen replied with the answer.

I do have another problem...will add new item in a minute...THANKS...



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (12/26/2003 12:08:33)

REGARDING positioning of a box for IE and NN...

There is so much material out there...it is hard to make sense of it.

I did a great job of creating a page with a box positioned right where I wanted
it using IE. When I looked at it with NN...the box is way up toward the top of
the page.

I could use some advice on how to get the box positioned in the same or nearly
the same position for both browsers. Also...where would I go to read up on
this problem?

Thanks again, --bill



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (12/26/2003 12:16:45)

quote:

ORIGINAL: bdaul

REGARDING positioning of a box for IE and NN...

There is so much material out there...it is hard to make sense of it.

I did a great job of creating a page with a box positioned right where I wanted
it using IE. When I looked at it with NN...the box is way up toward the top of
the page.

I could use some advice on how to get the box positioned in the same or nearly
the same position for both browsers. Also...where would I go to read up on
this problem?

Thanks again, --bill


Hi Bill:
No problem posting on other forums.[;)] I also have a few other that I visit as I am sure that others here do as well.

I'm not sure how much you know about css. But I willl post a tutorial for you that works with the divs/boxes.

http://codepunk.hardwar.org.uk/bcss.htm

If you go to code punk, they have an excellent tutorial for begining and advanced css.

Also, if you can be a tad more specific as to what it is that you want to learn, maybe I could find something for you. I know that if you go through the posts here in the css section there are numerous postings with links. lol, be nice if I had the time to gather them all and place them in one post for people to just see right off the bat!

Any more questions feel free to post them and someone will get to you on them.

Good luck.
<edit> Just a little extra thing for you. IE is soo forgiving that maybe you should use the other browsers for testing, get it right in them first, validate, then tweek the pages in IE.</edit>

Box Model

brain jar positioning

Positioning at Mako



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (12/26/2003 19:10:50)

c1sissy:

Thanks again for your replies...

I guess one of the powers of CSS is that you can have one for NN and one for IE. Can you point me in the direction of how you construct a page that will serve one style to IE and another to NN?

Thanks, --bill



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (12/26/2003 21:22:43)

quote:

ORIGINAL: bdaul

c1sissy:

Thanks again for your replies...

I guess one of the powers of CSS is that you can have one for NN and one for IE. Can you point me in the direction of how you construct a page that will serve one style to IE and another to NN?

Thanks, --bill


Hi Bill:
Give me a day or so, just wanted to acknowledge that I read this, I'll look and see what I can find online in the area of tutorials or information on this for you.

From what I know right now I would have thought that using the @import would have been your best bet. Is this in NN4? Or is it all NN?



fiachra -> RE: CSS and Mozilla/Netscape Nightmare! (12/27/2003 9:33:56)

quote:

ORIGINAL: bdaul

c1sissy:

Thanks again for your replies...

I guess one of the powers of CSS is that you can have one for NN and one for IE. Can you point me in the direction of how you construct a page that will serve one style to IE and another to NN?

Thanks, --bill



Yes but first get it right for the compliant browsers:

Mozilla
Opera
Safari
Konqueror;

then start worrying about IE - if it works in a compliant browser (pay especial attentioon to Mozilla and Opera - stop worrying about NN it's Mozilla anyway - then chances are it'll work in IE



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (12/27/2003 10:11:14)

quote:

ORIGINAL: fiachra

quote:

ORIGINAL: bdaul

c1sissy:

Thanks again for your replies...

I guess one of the powers of CSS is that you can have one for NN and one for IE. Can you point me in the direction of how you construct a page that will serve one style to IE and another to NN?

Thanks, --bill



Yes but first get it right for the compliant browsers:

Mozilla
Opera
Safari
Konqueror;

then start worrying about IE - if it works in a compliant browser (pay especial attentioon to Mozilla and Opera - stop worrying about NN it's Mozilla anyway - then chances are it'll work in IE


Thank you for your reply Fiachra. I thought that this was the correct way, as I previously stated a few posts back that IE is too forgiving, and to work with the other browsers first, but not too sure if I was correct.
[;)]guess I am learning!

If Bill's concern is for all of this to show up in NN4, shouldn't he just be more concerned about the content showing up correctly as NN4 won't show css? Just curious to know if what I am reading is sinking in.



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (1/9/2004 21:20:20)

I am still getting use to how to use this FORUM...thanks for everyone's support. Forgive me if this is the wrong thread to ask within (do tell me if I should have started another thread).

Anyway...has to do with the damn Mac IE 5.22 and CSS. The following URL looks just as I intended it under all the approved/standard browsers...

http://www.human-landscaping.com/saper/publications.html

The links on hover turn red and they are actual links!!! But...there are unfortunately MACs still out there running IE 5.22. Why don't the links APPEAR to those users...the book titles are link and there is one off o Case Studies...is there something I can do with my style sheet to make this viewable to the minority users of the world Mac IE 5.22?!?!?

The CSS file:


img.world { position: absolute; top: 170px; left: 185px }
img.jeff { position: absolute; top: 10px; left: 10px }
img.tom { position: absolute; top: 140px; left: 653px }
img.title { position: absolute; top: 10px; left: 194px }
img.book { position: absolute; top: 10px; left: 814px }
table.m { position: absolute; top: 140px; left: 0px }
div#pagetitle { font-style: italic; font-size: 20pt; font-family: arial; position: absolute; top: 150px; left: 194px; width: 550px; height: 400px }
div#guts { font-size: 10pt; font-family: arial; position: absolute; top: 200px; left: 194px; width: 550px; height: 400px }
h2.test {
margin-top:0px;
margin-bottom:5px;
font-size:80%;
padding-top:1px;
padding-bottom:1px;
padding-left:1px;
color:#900B09;
background-color:#cccccc;
}

a:link, a:visited {color: #000000;
text-decoration: underline;
font-size: 8pt;}


a:hover, a:active {color: #ff0000;
text-decoration: none;
font-size: 10pt;
}



THE ONLY CSS IN THE FILE:

<style type="text/css">
a:link, a:visited {color: #000000;
text-decoration: underline;
font-size: 8pt;}


a:hover, a:active {color: #ff0000;
text-decoration: none;
font-size: 10pt;
}
</style>


PLEASE TELL ME I AM DOING SOMETHING SIMPLY WRONG?

Thanks, --bill



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (1/9/2004 21:52:01)

Hi Bill, You are ok here in this thread. If you have a question in regards to css, you are in the right section, and you can start a new thread, but unless a mod moves this one I would leave it here for now.

I'm not familar with Mac operating systems or browsers, so someone that is more knowledgeable about this one will have to come along.

One thing I noticed is this 
img.world { position: absolute; top: 170px; left: 185px }


You should always get into the habit of making sure that you end each one of your rules with the semi colon. so 
img.world { position: absolute; top: 170px; left: 185px; }

is how you should have each one of your style rules set up. I dont' think that this would make a difference, but you should really try to get into the practice of doing this.

I'm sorry that I can't help you out any more on this one.[&o]



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (2/24/2004 3:19:38)

You folks have been so helpful...thanks...I have a new puzzle I am facing...it is another difference between browsers...

In IE on my PC this looks just as I want it to:

http://www.human-landscaping.com/BA_collaboratory/PROTO/testworking.html

Under Mozilla the brown wood frame in the back in only about a third the width as it is under IE...making the drawing larger than the background.

Is this a simple thing to correct????

Thanks, --bill



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (2/24/2004 6:59:50)

quote:

ORIGINAL: bdaul

You folks have been so helpful...thanks...I have a new puzzle I am facing...it is another difference between browsers...

In IE on my PC this looks just as I want it to:

http://www.human-landscaping.com/BA_collaboratory/PROTO/testworking.html

Under Mozilla the brown wood frame in the back in only about a third the width as it is under IE...making the drawing larger than the background.

Is this a simple thing to correct????

Thanks, --bill


Hi Bill, I hate to burst your bubble in regards to IE, but in IE6 this totally falls apart.

Your letters are all on top of each other.

Try this after your divs, <br clear="all">

Then go and validate your html and your css, then see what happens. Validation is sooooo important! I can't stress that enough.



gorilla -> RE: CSS and Mozilla/Netscape Nightmare! (2/24/2004 9:03:18)

A quick look shows that you've made a very common error in your floating. Floats can't be centred. The only valid values for float are:

Left | None´| Right - it can't be inherited either btw.

A further point to bear in mind when you use flaoting is that "clear" is used to stop a float. Thus you might have something like this:


.floater { font-size: 2.5em; float: left; }
.nofloat { clear: left; }

I'm not myself a fan of using breaks or empty paragraphs to achieve positioning although it is something that we all have to resort to from time to time. It can get very ugly when you use relative metrics. Instead you should try altering your positioning values.



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (2/24/2004 9:13:16)

quote:

I'm not myself a fan of using breaks


If you don't use a br to create some spacing, which btw is something that i read in a tutorial, how would you do this? I have found that unless I do this that my divs don't behave too well.



Giomanach -> RE: CSS and Mozilla/Netscape Nightmare! (2/24/2004 9:19:24)

quote:

If you don't use a br to create some spacing, which btw is something that i read in a tutorial, how would you do this? I have found that unless I do this that my divs don't behave too well

I always make sure that I have at least 5 pixels between divs, that way, they tend not to overlap etc. Sometimes I go above that, but for me to get them to play properly, I always use Firefox to display them during the design process

Dan



gorilla -> RE: CSS and Mozilla/Netscape Nightmare! (2/24/2004 9:26:05)

See above and let me finish editing, as I've remarked earlier typing when you've only got the use of one paw is slow [;)]

Also tutorials differ in quality to put it mildly. When in doubt refer to the spec. Good info on floats can be found here:

http://www.w3.org/TR/CSS21/

Tutorials:

http://css.maxdesign.com.au/index.htm

And of course there's always bigbaer:

http://www.bigbaer.com/css_tutorials/css.float.html.tutorial.htm

http://www.bigbaer.com/contents.htm

finished editing now.



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (2/24/2004 9:33:53)

quote:

.floater { font-size: 2.5em; float: left; }
.nofloat { clear: left; }

ahh, so you are actually getting what the break clear all would do, but in a more legitimate way. Cool, as usual oh furry one,[;)]

Thank you for the links, I have the maxdesigns bookmarked. The other ones I need to check out.

<edit>
quote:

as I've remarked earlier typing when you've only got the use of one paw is slow
Saying some extra prayers for the other paw</edit>



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (2/25/2004 1:31:50)

Thanks C1SISSY!!!



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (2/27/2004 7:02:07)

OK...I am so frustrated over trying to figure out why my

http://www.human-landscaping.com/BA_collaboratory/PROTO/

file won't render even close to usable under NS/Mozilla...under
IE it looks just the way I want it.

I ADMIT...I am like Dr. Frankenstien...putting pieces of code together that I don't completely understand.
But...I am trying to learn...problem is a deadline...

I am using TopStyle...very interesting...much I appreciate...and much I don't understand...but it does
help on some things.

Thanks again, --bill



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (2/27/2004 7:17:22)

Ok, in IE you still have some letter problems, but not as bad as before.

Actually, have you looked at this in Opera? Looks great in there.

In Mozilla, the only thing that I see is that your picture is a tad close to the nav on the right. Maybe you could just tweak that a little bit and move it just a tad to see what happens to it.

Field and laboratory link is sitting on the graphic in Moz. And your words on the bottom are sort of over/under the picture.

You are getting there. I know it is frustrating, but in the end you are going to have a page that is according to standards, and I find that for myself at least, this is my goal. Keep working, your doing a great job.



Peppergal -> RE: CSS and Mozilla/Netscape Nightmare! (2/27/2004 8:05:14)

quote:

I ADMIT...I am like Dr. Frankenstien...putting pieces of code together that I don't completely understand.


roflmbo



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (2/27/2004 8:18:42)

quote:

ORIGINAL: Peppergal

quote:

I ADMIT...I am like Dr. Frankenstien...putting pieces of code together that I don't completely understand.


roflmbo


This is funny, However......On the serious side, you NEED to understand what you are doing for this to work correctly. I can't stress enough a total understand of all of this. [;)]



bdaul -> RE: CSS and Mozilla/Netscape Nightmare! (3/6/2004 6:26:25)

OK...so close now...the only significant difference on a PC using IE vs. NS...the label below the framed image is off...on NS/Mozilla the text below the framed image is mushed into the from. Under IE it is aligned exactly as I intended.

http://www.human-landscaping.com/BA_collaboratory/PROTO/

So...the last lesson I am having a hard time with. I have looked at a list of NS bugs:

http://css.nu/pointers/bugs-nn.html#NN4

but I see none that I have changed that fix my vertical alignment between browswers...

Can someone help with this last step?

Thanks, ---bill



c1sissy -> RE: CSS and Mozilla/Netscape Nightmare! (3/6/2004 7:18:59)

Hi Bill, You have come a long way! I'm proud of you!

There are two things that I have noticed that don't go along with your problem, One your left nav, the second bar is longer then the others. Is there a way that you could either decrease the font so that the bars are equal or increase the size of the bars? Oh, and on the right the Wild basin, does not look right. Something looks like it is missing from the bar.

Your wording on the top, the word Collaboratory is still laying on the rest of the heading that you have here.

I can't help you with the NN4 thing, but if you hang tight, someone will be along to help you out, I'm sure of it.



Page: <<   < prev  1 [2]

Valid CSS!




Forum Software © ASPPlayground.NET Advanced Edition 2.4.5 ANSI
0.15625