468,238 Members | 1,847 Online
Bytes | Developer Community
New Post

Home Posts Topics Members FAQ

Post your question to a community of 468,238 developers. It's quick & easy.

IE seems to add extra space after float?

http://johnbokma.com/blog/2004/04/11/

Somehow, the vertical after the next/prev navigation is almost 2 times
more with IE (6.0), compared to FireFox (0.8) (Windows XP).

Is this an IE bug, and is there a neat "fix"?

(CSS at http://johnbokma.com/blog/blogstyle.css )

I have no idea yet how the page(s) render in other browsers, except that
it looks weird in IE 4.0 and NS 4.x (4.7 IIRC), but I am not going to
support those for the moment.

Another question, I really want to have clean and clear HTML, with a
strong focus on logical mark up. Any feedback is welcome.

--
John blog: http://johnbokma.com/blog/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/
Jul 20 '05 #1
6 8576
John Bokma <po********@castleamber.com> wrote:
http://johnbokma.com/blog/2004/04/11/

Somehow, the vertical after the next/prev navigation is almost 2 times
more with IE (6.0), compared to FireFox (0.8) (Windows XP).

Is this an IE bug, and is there a neat "fix"?
Looks like the collapsing borders with floats bug in ... Mozilla.
(It's been there for ages)
I have no idea yet how the page(s) render in other browsers, except that
it looks weird in IE 4.0 and NS 4.x (4.7 IIRC), but I am not going to
support those for the moment.
Why ever not? All it takes is importing your style sheet: instant
IE4/NS4 support.
Another question, I really want to have clean and clear HTML, with a
strong focus on logical mark up. Any feedback is welcome.


<title>Happy Easter</title>

Doesn't make sense as a title (no context), it's ok for the <h1>.

<div class="logo">

Unnecessary, just float the image and set a margin.

<div class="bar">
<div class="right"><big><span class="name"><a
href="http://johnbokma.com/">John Bokma</a></span> <a
href="http://johnbokma.com/blog/">blog</a></big></div>

To much unnecessary markup.

The prev/next links should be marked up as a list, example:
http://www.spartanicus.utvinternet.i..._using_css.htm

<p class="navigation">

That's not a paragraph.

--
Spartanicus
Jul 20 '05 #2
John Bokma <po********@castleamber.com> wrote:
http://johnbokma.com/blog/2004/04/11/

Somehow, the vertical after the next/prev navigation is almost 2 times
more with IE (6.0), compared to FireFox (0.8) (Windows XP).

Is this an IE bug, and is there a neat "fix"?
Looks like the collapsing borders with floats bug in ... Mozilla.
(It's been there for ages)
I have no idea yet how the page(s) render in other browsers, except that
it looks weird in IE 4.0 and NS 4.x (4.7 IIRC), but I am not going to
support those for the moment.
Why ever not? All it takes is importing your style sheet: instant
IE4/NS4 support.
Another question, I really want to have clean and clear HTML, with a
strong focus on logical mark up. Any feedback is welcome.


<title>Happy Easter</title>

Doesn't make sense as a title (no context), it's ok for the <h1>.

<div class="logo">

Unnecessary, just float the image and set a margin.

<div class="bar">
<div class="right"><big><span class="name"><a
href="http://johnbokma.com/">John Bokma</a></span> <a
href="http://johnbokma.com/blog/">blog</a></big></div>

To much unnecessary markup.

The prev/next links should be marked up as a list, example:
http://www.spartanicus.utvinternet.i..._using_css.htm

<p class="navigation">

That's not a paragraph.

--
Spartanicus
Jul 20 '05 #3
Spartanicus <me@privacy.net> wrote:
Looks like the collapsing borders


collapsing margins stupid

--
Spartanicus
Jul 20 '05 #4
Spartanicus <me@privacy.net> wrote:
Looks like the collapsing borders


collapsing margins stupid

--
Spartanicus
Jul 20 '05 #5
Spartanicus wrote:
Looks like the collapsing borders with floats bug in ... Mozilla.
(It's been there for ages)
Aargh, indeed.
I have no idea yet how the page(s) render in other browsers, except that
it looks weird in IE 4.0 and NS 4.x (4.7 IIRC), but I am not going to
support those for the moment.


Why ever not? All it takes is importing your style sheet: instant
IE4/NS4 support.


Arrgh, indeed. And I look at it everytime without stylesheets, just to
see how it looks (and all the time saying, look, this is how the web was
in the past to my partner :-) ). Will change that.
Another question, I really want to have clean and clear HTML, with a
strong focus on logical mark up. Any feedback is welcome.


<title>Happy Easter</title>

Doesn't make sense as a title (no context), it's ok for the <h1>.


Thanks, will look into that.
<div class="logo">

Unnecessary, just float the image and set a margin.
Thanks, will change.
<div class="bar">
<div class="right"><big><span class="name"><a
href="http://johnbokma.com/">John Bokma</a></span> <a
href="http://johnbokma.com/blog/">blog</a></big></div>

To much unnecessary markup.
You have a suggestion how to improve it, without using <br>?
The prev/next links should be marked up as a list, example:
http://www.spartanicus.utvinternet.i..._using_css.htm
Reading it now, and will look at it. I was already thinking about using
a list for the bottom navigation thingy.
<p class="navigation">

That's not a paragraph.


True, artefact from trying to find out where the extra space did come
from, with IE.

Many thanks for your reply,
John

--
John blog: http://johnbokma.com/blog/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/
Jul 20 '05 #6
Spartanicus wrote:
Looks like the collapsing borders with floats bug in ... Mozilla.
(It's been there for ages)
Aargh, indeed.
I have no idea yet how the page(s) render in other browsers, except that
it looks weird in IE 4.0 and NS 4.x (4.7 IIRC), but I am not going to
support those for the moment.


Why ever not? All it takes is importing your style sheet: instant
IE4/NS4 support.


Arrgh, indeed. And I look at it everytime without stylesheets, just to
see how it looks (and all the time saying, look, this is how the web was
in the past to my partner :-) ). Will change that.
Another question, I really want to have clean and clear HTML, with a
strong focus on logical mark up. Any feedback is welcome.


<title>Happy Easter</title>

Doesn't make sense as a title (no context), it's ok for the <h1>.


Thanks, will look into that.
<div class="logo">

Unnecessary, just float the image and set a margin.
Thanks, will change.
<div class="bar">
<div class="right"><big><span class="name"><a
href="http://johnbokma.com/">John Bokma</a></span> <a
href="http://johnbokma.com/blog/">blog</a></big></div>

To much unnecessary markup.
You have a suggestion how to improve it, without using <br>?
The prev/next links should be marked up as a list, example:
http://www.spartanicus.utvinternet.i..._using_css.htm
Reading it now, and will look at it. I was already thinking about using
a list for the bottom navigation thingy.
<p class="navigation">

That's not a paragraph.


True, artefact from trying to find out where the extra space did come
from, with IE.

Many thanks for your reply,
John

--
John blog: http://johnbokma.com/blog/
personal page: http://johnbokma.com/
Experienced Perl programmer available: http://castleamber.com/
Jul 20 '05 #7

This discussion thread is closed

Replies have been disabled for this discussion.

Similar topics

5 posts views Thread by Brian | last post: by
13 posts views Thread by DM | last post: by
6 posts views Thread by skeeterbug | last post: by
16 posts views Thread by Uncle Pirate | last post: by
5 posts views Thread by lixiaoyao | last post: by
8 posts views Thread by dancer | last post: by
reply views Thread by NPC403 | last post: by
By using this site, you agree to our Privacy Policy and Terms of Use.