CSS bother (again)

I decided to throw in Noel's suggestion of using h1 instead of title1, etc. to make the CSS in a website I've been working on work in IE.

This worked, as titles now appear in both browsers.

...However, it has also caused a really weird glitch with extra spacing placed after each <h1>, </h1>, <h2>, </h2> (etc) tag.


Here is the site with the problem visible:
http://crumbsoftware.f2o.org/DHS/index.php
Here is the site without the problem (and with CSS formatting not working in IE).
http://crumbsoftware.f2o.org/DHS/index2.php
Ignore the "Thunderphobia in Canines" title in the 2nd link; it's still messed up because the title tag has been written into the summary for some reason. (Thus can't be changed by editing index.php).


Does anybody have suggestions for fixing this?


Edit:
It looks like I'm not passing the w3 validator test anymore, so maybe that's it... doesn't look connected, though.

Try putting this in each of your text styles:

margin-top: 1px;
margin-bottom: 1px;
margin-left: 1px;
margin-right: 1px;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 1px;
padding-right: 1px;

Or if they are all the same:

margin: 0px;
padding: 0px;

You can of coarse change them to how much space you want. Yeah, validating your pages helps too.

Woohoo, it works and saves the users having to use <br> after titles at the same time :)
Thanks, po!

While this thread exists... are the ANY methods that still work in IE that let me open a link in a new, specially formatted window?

I came across this method, which works well in Firefox (and probably other browsers)... I added some spacing to avoid getting a horizontal scrollbar in this thread:

<a href="url" target="dhs_extpage"
onclick="open('url','dhs_extpage','width=650,height=500,
scrollbars,resizable,location,toolbar')">
Please take a look!</a>

But in IE, it just doesn't do anything. I can always use PHP to decide whether or not to give the user the fancy window or a regular new window (or do the smart thing and just not bother with fancy windows), but I'm thinking that there should be some technique that works in both without being blocked or causing the user to be warned about something...



By the way: I just learned to love the Web Developer extension for Firefox... if you use the browser and you do any web design, use that :)

I did something that you could use on the Ship Online website:
http://www.theshiponline.com/js/popup.js

see the main page of the site for usage.

Your link helped me to realize that my problem is that I'm viewing the IE render using the IE-tabs extension. (I'm obsessed with these things). Thus, the popup windows simply didn't come up because of some strange limitation there.

Anyway, my way actually does work :)

Thanks, though! I would have wasted a lot of time had I not been pointed to your example.