By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
438,767 Members | 1,255 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 438,767 IT Pros & Developers. It's quick & easy.

IE seems to add extra space after float?

P: n/a
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
Share this Question
Share on Google+
6 Replies


P: n/a
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

P: n/a
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

P: n/a
Spartanicus <me@privacy.net> wrote:
Looks like the collapsing borders


collapsing margins stupid

--
Spartanicus
Jul 20 '05 #4

P: n/a
Spartanicus <me@privacy.net> wrote:
Looks like the collapsing borders


collapsing margins stupid

--
Spartanicus
Jul 20 '05 #5

P: n/a
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

P: n/a
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.