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

mozilla and <td>-Problem

P: n/a
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php

The <h1> and <h2> make their ellbows so broad that in the picture arise
borders on top and bottom.

The general question is:
How can I force left frame and banner to be exactly as broad resp. as
high as the picture?

These are the classes:
..icon { background-color:#EEEEEE; vertical-align:middle; padding:4px;
width:1px; height:1px; overflow:hidden }

..banner { background-color:#EEEEEE; vertical-align:middle;
padding-left:4px; padding-top:0; padding-bottom:0 }
..lframe { background-color:#EEEEEE; vertical-align:top;
text-align:center; padding:0 }

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #1
Share this Question
Share on Google+
32 Replies


P: n/a

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php


This URL is wrong. It also doesn't work if I substitute a dot for the slash
after "asterix".

Jul 20 '05 #2

P: n/a

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php


This URL is wrong. It also doesn't work if I substitute a dot for the slash
after "asterix".

Jul 20 '05 #3

P: n/a
Werner Partner <ka****@sonoptikon.de> wrote:
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php

The <h1> and <h2> make their ellbows so broad that in the picture arise
borders on top and bottom.
What h1 and h2?:
http://www.spartanicus.utvinternet.i...er_partner.png
How can I force


You can't.

--
Spartanicus
Jul 20 '05 #4

P: n/a
Werner Partner <ka****@sonoptikon.de> wrote:
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php

The <h1> and <h2> make their ellbows so broad that in the picture arise
borders on top and bottom.
What h1 and h2?:
http://www.spartanicus.utvinternet.i...er_partner.png
How can I force


You can't.

--
Spartanicus
Jul 20 '05 #5

P: n/a
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php


Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2>
</td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #6

P: n/a
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php


Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2>
</td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #7

P: n/a
On Fri, 9 Apr 2004, Werner Partner wrote
(on comp.infosystems.www.authoring.html, wohl gemerkt):
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php
Please -check- your URLs before posting. thanks.

Even if I guess that what you intended was
http://asterix.sonoptikon.de/artemis/index.php , the host cannot be
looked-up in the DNS.
The general question is:
How can I force


The general answer is: "force does not work on the WWW".

More constructively: you can make presentation suggestions via CSS,
which is the business of comp.infosystems.www.authoring.stylesheets

HTML isn't about presentation, so you're in the wrong place here.

good luck
Jul 20 '05 #8

P: n/a
On Fri, 9 Apr 2004, Werner Partner wrote
(on comp.infosystems.www.authoring.html, wohl gemerkt):
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php
Please -check- your URLs before posting. thanks.

Even if I guess that what you intended was
http://asterix.sonoptikon.de/artemis/index.php , the host cannot be
looked-up in the DNS.
The general question is:
How can I force


The general answer is: "force does not work on the WWW".

More constructively: you can make presentation suggestions via CSS,
which is the business of comp.infosystems.www.authoring.stylesheets

HTML isn't about presentation, so you're in the wrong place here.

good luck
Jul 20 '05 #9

P: n/a

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:u1************@idefix.dom...
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php


Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2>
</td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.


It's not a "problem" and it has nothing to do with <h1> and <h2> If instead
of headings you decided to fit the contents of War and Peace in that space,
would you expect to be able to force the browser to make it only as high as
the image? Of course not. The text is as high as it is, and if it's higher
than the image, then their mutual container will have to be higher than the
image.

You *can* reduce the spacing underneath the headings with styles that change
their padding or margins. This will make the headings take up less vertical
space, but that still may not be less than the height of the image.

Jul 20 '05 #10

P: n/a

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:u1************@idefix.dom...
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php


Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2>
</td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.


It's not a "problem" and it has nothing to do with <h1> and <h2> If instead
of headings you decided to fit the contents of War and Peace in that space,
would you expect to be able to force the browser to make it only as high as
the image? Of course not. The text is as high as it is, and if it's higher
than the image, then their mutual container will have to be higher than the
image.

You *can* reduce the spacing underneath the headings with styles that change
their padding or margins. This will make the headings take up less vertical
space, but that still may not be less than the height of the image.

Jul 20 '05 #11

P: n/a
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:u1************@idefix.dom...
Harlan Messinger schrieb:

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php

Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2>
</td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.

It's not a "problem" and it has nothing to do with <h1> and <h2> If instead
of headings you decided to fit the contents of War and Peace in that space,
would you expect to be able to force the browser to make it only as high as
the image? Of course not. The text is as high as it is, and if it's higher
than the image, then their mutual container will have to be higher than the
image.

You *can* reduce the spacing underneath the headings with styles that change
their padding or margins. This will make the headings take up less vertical
space, but that still may not be less than the height of the image.


I tried this already. But perhaps there is another sophisticated
possibility.

The container has never more than two lines, when the picture is very
small then of course the banner is broader than the picture.

The effect came when I changed from HTML 4.01 Transitional to HTML 4.01
Strict with CSS.

Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #12

P: n/a
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:u1************@idefix.dom...
Harlan Messinger schrieb:

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
Hier is the problem:
http://asterix/sonoptikon.de/artemis/index.php

Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2>
</td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.

It's not a "problem" and it has nothing to do with <h1> and <h2> If instead
of headings you decided to fit the contents of War and Peace in that space,
would you expect to be able to force the browser to make it only as high as
the image? Of course not. The text is as high as it is, and if it's higher
than the image, then their mutual container will have to be higher than the
image.

You *can* reduce the spacing underneath the headings with styles that change
their padding or margins. This will make the headings take up less vertical
space, but that still may not be less than the height of the image.


I tried this already. But perhaps there is another sophisticated
possibility.

The container has never more than two lines, when the picture is very
small then of course the banner is broader than the picture.

The effect came when I changed from HTML 4.01 Transitional to HTML 4.01
Strict with CSS.

Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #13

P: n/a

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:1g************@idefix.dom...
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:u1************@idefix.dom...
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
>Hier is the problem:
>http://asterix/sonoptikon.de/artemis/index.php

Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2></td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.

It's not a "problem" and it has nothing to do with <h1> and <h2> If instead of headings you decided to fit the contents of War and Peace in that space, would you expect to be able to force the browser to make it only as high as the image? Of course not. The text is as high as it is, and if it's higher than the image, then their mutual container will have to be higher than the image.

You *can* reduce the spacing underneath the headings with styles that change their padding or margins. This will make the headings take up less vertical space, but that still may not be less than the height of the image.


I tried this already. But perhaps there is another sophisticated
possibility.


The version I'm seeing has a lot of excess padding.

The container has never more than two lines, when the picture is very
small then of course the banner is broader than the picture.

The effect came when I changed from HTML 4.01 Transitional to HTML 4.01
Strict with CSS.


That probably changed the padding. Or the font sizes. Or something. Nothing
you can't fix with proper use of CSS.

Jul 20 '05 #14

P: n/a

"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:1g************@idefix.dom...
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:u1************@idefix.dom...
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
news:n9************@idefix.dom...
>Hier is the problem:
>http://asterix/sonoptikon.de/artemis/index.php

Sorry - it happens always again :-(
correct is
http://www.sonoptikon.de/artemis/index.php

<td class="icon"><img src="../pics/sonoptikon.jpg" alt=""></td>
<td class="banner">
<h1>Artemis</h1>
<h2>Rechnungs- und Dokumentationsprogramm f&uuml;r Heilpraktiker</h2></td>
</tr>

The problem are <h1> and <h2>. If there is only one <h1>, it is o.k.
It happens only with mozilla, not with IE.

It's not a "problem" and it has nothing to do with <h1> and <h2> If instead of headings you decided to fit the contents of War and Peace in that space, would you expect to be able to force the browser to make it only as high as the image? Of course not. The text is as high as it is, and if it's higher than the image, then their mutual container will have to be higher than the image.

You *can* reduce the spacing underneath the headings with styles that change their padding or margins. This will make the headings take up less vertical space, but that still may not be less than the height of the image.


I tried this already. But perhaps there is another sophisticated
possibility.


The version I'm seeing has a lot of excess padding.

The container has never more than two lines, when the picture is very
small then of course the banner is broader than the picture.

The effect came when I changed from HTML 4.01 Transitional to HTML 4.01
Strict with CSS.


That probably changed the padding. Or the font sizes. Or something. Nothing
you can't fix with proper use of CSS.

Jul 20 '05 #15

P: n/a
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
space, but that still may not be less than the height of the image.

I tried this already. But perhaps there is another sophisticated
possibility.

The version I'm seeing has a lot of excess padding.


Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)

The container has never more than two lines, when the picture is very
small then of course the banner is broader than the picture.

The effect came when I changed from HTML 4.01 Transitional to HTML 4.01
Strict with CSS.

That probably changed the padding. Or the font sizes. Or something. Nothing
you can't fix with proper use of CSS.


Yes! But it's an interesting question what could had happened. And with
you I believe that there is surely a method to solve the problem
"correctly", but I think it takes some time. I should read, and search,
and read ... (and ask!)

Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #16

P: n/a
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
space, but that still may not be less than the height of the image.

I tried this already. But perhaps there is another sophisticated
possibility.

The version I'm seeing has a lot of excess padding.


Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)

The container has never more than two lines, when the picture is very
small then of course the banner is broader than the picture.

The effect came when I changed from HTML 4.01 Transitional to HTML 4.01
Strict with CSS.

That probably changed the padding. Or the font sizes. Or something. Nothing
you can't fix with proper use of CSS.


Yes! But it's an interesting question what could had happened. And with
you I believe that there is surely a method to solve the problem
"correctly", but I think it takes some time. I should read, and search,
and read ... (and ask!)

Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #17

P: n/a
Werner Partner <ka****@sonoptikon.de> wrote:
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
space, but that still may not be less than the height of the image.
I tried this already. But perhaps there is another sophisticated
possibility.

The version I'm seeing has a lot of excess padding.


Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)


I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
Jul 20 '05 #18

P: n/a
Werner Partner <ka****@sonoptikon.de> wrote:
Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
space, but that still may not be less than the height of the image.
I tried this already. But perhaps there is another sophisticated
possibility.

The version I'm seeing has a lot of excess padding.


Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)


I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.

--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
Jul 20 '05 #19

P: n/a
Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:

"Werner Partner" <ka****@sonoptikon.de> wrote in message
>space, but that still may not be less than the height of the image.
>

I tried this already. But perhaps there is another sophisticated
possibility.
The version I'm seeing has a lot of excess padding.


Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)

I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.


.... and it _is_ a bug ;-)

Of course I think about what went wrong and what I can do solving the
problem.

- why does IE not show this excess padding?

- why does this behavior begin when I take properties away from tags an
put them into css?

- the <td>-padding was exactly movd from tags into stylesheet.

- properties of <h1> and <h2> was not changed at all. And if there would
be changed enything. Why does IE not show this?

regards

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #20

P: n/a
Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:

"Werner Partner" <ka****@sonoptikon.de> wrote in message
>space, but that still may not be less than the height of the image.
>

I tried this already. But perhaps there is another sophisticated
possibility.
The version I'm seeing has a lot of excess padding.


Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)

I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.


.... and it _is_ a bug ;-)

Of course I think about what went wrong and what I can do solving the
problem.

- why does IE not show this excess padding?

- why does this behavior begin when I take properties away from tags an
put them into css?

- the <td>-padding was exactly movd from tags into stylesheet.

- properties of <h1> and <h2> was not changed at all. And if there would
be changed enything. Why does IE not show this?

regards

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #21

P: n/a
Werner Partner <ka****@sonoptikon.de> wrote:
Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
>>space, but that still may not be less than the height of the image.
>>
>
>I tried this already. But perhaps there is another sophisticated
>possibility.
The version I'm seeing has a lot of excess padding.

Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)

I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.


... and it _is_ a bug ;-)

Of course I think about what went wrong and what I can do solving the
problem.

- why does IE not show this excess padding?


Browsers are free to apply their own default styles. Rendering page
elements differently from the way IE does is not a *bug*.

As far as I can tell by looking at your page and giving h1 and h2 a
background color, IE by default gives a positive margin-bottom to h1
and h2, while Mozilla gives both a margin-bottom and margin-top.

- why does this behavior begin when I take properties away from tags an
put them into css?


Since I don't know just what your code looked like before, I can't say
exactly.

Just put margin: 0 in your style for h1 and h2 and you'll see that
your problem goes away immediately.
--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
Jul 20 '05 #22

P: n/a
Werner Partner <ka****@sonoptikon.de> wrote:
Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:
"Werner Partner" <ka****@sonoptikon.de> wrote in message
>>space, but that still may not be less than the height of the image.
>>
>
>I tried this already. But perhaps there is another sophisticated
>possibility.
The version I'm seeing has a lot of excess padding.

Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)

I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.


... and it _is_ a bug ;-)

Of course I think about what went wrong and what I can do solving the
problem.

- why does IE not show this excess padding?


Browsers are free to apply their own default styles. Rendering page
elements differently from the way IE does is not a *bug*.

As far as I can tell by looking at your page and giving h1 and h2 a
background color, IE by default gives a positive margin-bottom to h1
and h2, while Mozilla gives both a margin-bottom and margin-top.

- why does this behavior begin when I take properties away from tags an
put them into css?


Since I don't know just what your code looked like before, I can't say
exactly.

Just put margin: 0 in your style for h1 and h2 and you'll see that
your problem goes away immediately.
--
Harlan Messinger
Remove the first dot from my e-mail address.
Veuillez ôter le premier point de mon adresse de courriel.
Jul 20 '05 #23

P: n/a
Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:

>"Werner Partner" <ka****@sonoptikon.de> wrote in message
>
>
>
>>>space, but that still may not be less than the height of the image.
>>>
>>
>>I tried this already. But perhaps there is another sophisticated
>>possibility.
>
>
>The version I'm seeing has a lot of excess padding.

Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)
I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.


... and it _is_ a bug ;-)

Of course I think about what went wrong and what I can do solving the
problem.

- why does IE not show this excess padding?

Browsers are free to apply their own default styles. Rendering page
elements differently from the way IE does is not a *bug*.

As far as I can tell by looking at your page and giving h1 and h2 a
background color, IE by default gives a positive margin-bottom to h1
and h2, while Mozilla gives both a margin-bottom and margin-top.

- why does this behavior begin when I take properties away from tags an
put them into css?

Since I don't know just what your code looked like before, I can't say
exactly.

Just put margin: 0 in your style for h1 and h2 and you'll see that
your problem goes away immediately.


Yes! Exactly!
Interesting to see how everything changes.
The fact is that first I had something like
<table cellpadding="1" ...>

I took everything away and left <table class="banner">, there is written:
..banner { background-color:#EEEEEE; vertical-align:middle;
padding-left:4px; padding-top:0; padding-bottom:0 }

It seems to be so that the browser, when the properties are in the tags,
has own (or no) default values, when they are taken away the default
values are different.

I think changing from tags to css takes some time until the document
looks that way I want to have it. Some changes are quite attraktive but
there are some unexpected effects (esp. by margin:0), and I must think
about what I like and what not ...

Thanks

Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #24

P: n/a
Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:
Werner Partner <ka****@sonoptikon.de> wrote:

Harlan Messinger schrieb:

>"Werner Partner" <ka****@sonoptikon.de> wrote in message
>
>
>
>>>space, but that still may not be less than the height of the image.
>>>
>>
>>I tried this already. But perhaps there is another sophisticated
>>possibility.
>
>
>The version I'm seeing has a lot of excess padding.

Yes, that's exact what I noticed!
I reported this to bugzilla, and I'm now in contact with them :-)
I'm trying to explain to you that there IS no bug. By default,
browsers typically add a margin underneath headings and paragraphs. If
you want the margin to be something other than the default, you have
to specify that. You haven't. You specified top and bottom padding of
0 for the banner div, but you haven't specified anything about margins
for h1 and h2. So you're getting the correct, default margins for your
browser.


... and it _is_ a bug ;-)

Of course I think about what went wrong and what I can do solving the
problem.

- why does IE not show this excess padding?

Browsers are free to apply their own default styles. Rendering page
elements differently from the way IE does is not a *bug*.

As far as I can tell by looking at your page and giving h1 and h2 a
background color, IE by default gives a positive margin-bottom to h1
and h2, while Mozilla gives both a margin-bottom and margin-top.

- why does this behavior begin when I take properties away from tags an
put them into css?

Since I don't know just what your code looked like before, I can't say
exactly.

Just put margin: 0 in your style for h1 and h2 and you'll see that
your problem goes away immediately.


Yes! Exactly!
Interesting to see how everything changes.
The fact is that first I had something like
<table cellpadding="1" ...>

I took everything away and left <table class="banner">, there is written:
..banner { background-color:#EEEEEE; vertical-align:middle;
padding-left:4px; padding-top:0; padding-bottom:0 }

It seems to be so that the browser, when the properties are in the tags,
has own (or no) default values, when they are taken away the default
values are different.

I think changing from tags to css takes some time until the document
looks that way I want to have it. Some changes are quite attraktive but
there are some unexpected effects (esp. by margin:0), and I must think
about what I like and what not ...

Thanks

Werner
--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #25

P: n/a
On Sat, 10 Apr 2004 14:16:55 +0200, Werner Partner <ka****@sonoptikon.de>
wrote:
I think changing from tags to css takes some time until the document
looks that way I want to have it. Some changes are quite attraktive but
there are some unexpected effects (esp. by margin:0), and I must think
about what I like and what not ...


The effect really isn't unexpected if you think about it. If there's space
between two elements, there's a good chance some margins are set.
Jul 20 '05 #26

P: n/a
On Sat, 10 Apr 2004 14:16:55 +0200, Werner Partner <ka****@sonoptikon.de>
wrote:
I think changing from tags to css takes some time until the document
looks that way I want to have it. Some changes are quite attraktive but
there are some unexpected effects (esp. by margin:0), and I must think
about what I like and what not ...


The effect really isn't unexpected if you think about it. If there's space
between two elements, there's a good chance some margins are set.
Jul 20 '05 #27

P: n/a
Neal schrieb:
On Sat, 10 Apr 2004 14:16:55 +0200, Werner Partner
<ka****@sonoptikon.de> wrote:
I think changing from tags to css takes some time until the document
looks that way I want to have it. Some changes are quite attraktive
but there are some unexpected effects (esp. by margin:0), and I must
think about what I like and what not ...

The effect really isn't unexpected if you think about it. If there's
space between two elements, there's a good chance some margins are set.


Well, I began with HTML 1.0 and did not think about it. I think that
some effects came with changing from HTML 4.01 Transitional to Strict.

I "grew up" with old HTML, very simple pages. For me the effects are
unexpected, but somehow it's fine not to be depending from standards
which I don't know. So I may turn at different screws and look what
happens and how the document changes. Very instructive!

And it is possible to create very fine changes. So I read and screw, and
read and screw ...

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #28

P: n/a
Neal schrieb:
On Sat, 10 Apr 2004 14:16:55 +0200, Werner Partner
<ka****@sonoptikon.de> wrote:
I think changing from tags to css takes some time until the document
looks that way I want to have it. Some changes are quite attraktive
but there are some unexpected effects (esp. by margin:0), and I must
think about what I like and what not ...

The effect really isn't unexpected if you think about it. If there's
space between two elements, there's a good chance some margins are set.


Well, I began with HTML 1.0 and did not think about it. I think that
some effects came with changing from HTML 4.01 Transitional to Strict.

I "grew up" with old HTML, very simple pages. For me the effects are
unexpected, but somehow it's fine not to be depending from standards
which I don't know. So I may turn at different screws and look what
happens and how the document changes. Very instructive!

And it is possible to create very fine changes. So I read and screw, and
read and screw ...

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #29

P: n/a
On Sat, 10 Apr 2004 15:34:31 +0200, Werner Partner <ka****@sonoptikon.de>
wrote:
And it is possible to create very fine changes. So I read and screw, and
read and screw ...

You got it. The more you experiment, the more you discover.
Jul 20 '05 #30

P: n/a
On Sat, 10 Apr 2004 15:34:31 +0200, Werner Partner <ka****@sonoptikon.de>
wrote:
And it is possible to create very fine changes. So I read and screw, and
read and screw ...

You got it. The more you experiment, the more you discover.
Jul 20 '05 #31

P: n/a
Neal schrieb:
On Sat, 10 Apr 2004 15:34:31 +0200, Werner Partner
<ka****@sonoptikon.de> wrote:
And it is possible to create very fine changes. So I read and screw,
and read and screw ...


You got it. The more you experiment, the more you discover.


Alone in the wide, dangerous world :-)))

Happy Eastern!

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #32

P: n/a
Neal schrieb:
On Sat, 10 Apr 2004 15:34:31 +0200, Werner Partner
<ka****@sonoptikon.de> wrote:
And it is possible to create very fine changes. So I read and screw,
and read and screw ...


You got it. The more you experiment, the more you discover.


Alone in the wide, dangerous world :-)))

Happy Eastern!

Werner

--
-----------------------------------------------------------
Werner Partner * Tel +49 2366 886606 * Fax: 886608
mailto:ka****@sonoptikon.de * http://www.sonoptikon.de
hören Sie Klassik: http://www.drmk.ch/
Jul 20 '05 #33

This discussion thread is closed

Replies have been disabled for this discussion.