Topic: CSS help please!!! Pages that link to <a href="https://ozoneasylum.com/backlink?for=10710" title="Pages that link to Topic: CSS help please!!!" rel="nofollow" >Topic: CSS help please!!!\
 
Author Thread
patric design
Bipolar (III) Inmate

From: 290 km/h, fast lane, Autobahn, Germany
Insane since: Feb 2001

 IP logged posted posted 04-08-2002 22:49 Edit Quote

http://www.patricdesign.com/ozones/new.asp

I'm getting more and more familiar with CSS (thanx DL-44!) and I'm in the process of making this site all-CSS. I am running into trouble now though:

The main text looks fine in NN6 and IE6 but not in Opera 6.

The redefined H1 tag creates space under the h1 text in IE6. WHy does it do that? Why can it not just work?
I've taken out the little green pic before the two top headlines already but the text still hovers around where it shouldnt be...

How do i get the BODY css working in Opera?

All help is much appreciated!

*UPDATE: I fixed most of the issues mentioned above. Even the bottom white line part is now working. *JOY*
I did however had to improvise a bit to make it work in Opera. Now the page looks similar in IEs and Opera. NN479 still displays garbage but the content is visible. Feel free to comment on my sucky css...

<´¯`·.¸ Patric ¸.·´¯`>

[This message has been edited by patric design (edited 04-08-2002).]

[This message has been edited by patric design (edited 04-09-2002).]
CPrompt
Maniac (V) Inmate

From: there...no..there.....
Insane since: May 2001

 IP logged posted posted 04-09-2002 17:35 Edit Quote

Hmmm, I don't have Op.6 but from looking quickly at the CSS and the HTML it doesn't look like anything is wrong, but then again I looked at it quickly. I mean you just have the classes defining the text itself with no positioning stuff. What is it doing?

May want to run by w3c.org and see what their CSS validator says. I don't like Opera so I don't use it. Sorry I couldn't be of more use.

I know that Emps is a big fan of it so hopefully he will swing by and be able to help you out.

Later,
C:\


~Binary is best~
brucew
Paranoid (IV) Inmate

From: North Coast of America
Insane since: Dec 2001

 IP logged posted posted 04-10-2002 01:48 Edit Quote

It looks fine in IE6 and Opera 6.01. Right now, neither Netscape 6.2.1 nor 4.08 render it at all. They show me the source instead. The opening <html> tag is missing, which I'm guessing is the problem. For XHTML documents, it should include the XML namespace as in <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> substituting the correct language name for "en".

"the most incredible feats are often accomplished by
those who have had the most incredible challenges"
patric design
Bipolar (III) Inmate

From: 290 km/h, fast lane, Autobahn, Germany
Insane since: Feb 2001

 IP logged posted posted 04-10-2002 14:47 Edit Quote

Uhh i thought bruce finally found the NN bug! I've added the missing tag and...nothing! It still won't render in NN.....aaarrggghhh.
I've added some funky background css...

Its growing on me...

<´¯`·.¸ Patric ¸.·´¯`>
Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

 IP logged posted posted 04-10-2002 21:36 Edit Quote

patric design: Try a different DOCTYPE and/or leave out the link to the DTD to make it go into quirks mode.

I had a similarish problem and this was the only way to get things working in both IE and NS6.

There is a discussion here:
www.gurusnetwork.com/cgi-bin/ubb/ultimatebb.cgi?ubb=get_topic;f=16;t=000050

Emps
brucew
Paranoid (IV) Inmate

From: North Coast of America
Insane since: Dec 2001

 IP logged posted posted 04-11-2002 02:24 Edit Quote

It seems to be a <DOCTYPE> issue. I made a local copy replacing your DOCTYPE with one I use, <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html41/loose.dtd"> and it rendered, but without your CSS of course.

It looks like a mismatch between specifying 4.01 Transitional then pointing to a plain 4 (with no ".01") DTD. Tricky stuff.

Just this week, Zeldman http://www.zeldman.com pointed out two pieces, one about DOCTYPES http://www.zeldman.com/daily/0402a.html#whatsupdoc and the other, a chart by Eric Meyer at http://www.meyerweb.com/eric/dom/dtype/dtype-grid.html showing which DOCTYPES trigger Quirks or Strict (Standards) mode in several browsers and variants. It's not comprehensive, but it's a good place to start.

Hope this helps!

"the most incredible feats are often accomplished by
those who have had the most incredible challenges"
Emperor
Maniac (V) Mad Scientist with Finglongers

From: Cell 53, East Wing
Insane since: Jul 2001

 IP logged posted posted 04-14-2002 03:42 Edit Quote

And this is new:
www.alistapart.com/stories/doctype/

Emps
brucew
Paranoid (IV) Inmate

From: North Coast of America
Insane since: Dec 2001

 IP logged posted posted 04-14-2002 19:30 Edit Quote

Yeah, I caught that. If you look closely, you'll see I've been using the wrong URL in the DOCTYPE all along. The one I gave above 404s. Doh! Why didn't I ever test it? Where did I get it from in the first place? And why doesn't the W3C validator spit up because of it?

It's embarassing to give advice, even advice that appears to work, that's factually inaccurate.

"the most incredible feats are often accomplished by
those who have had the most incredible challenges"


Post Reply
 
Your User Name:
Your Password:
Login Options:
 
Your Text:
Loading...
Options:


« Backwards — Onwards »

Show Forum Drop Down Menu