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/ 32  2459 
"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".
"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".
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ü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/
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ü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/
"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ü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.
"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ü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.
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ü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/
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ü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/
"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ü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.
"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ü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.
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/
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/
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.
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.
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/
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/
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.
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.
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/
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/
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.
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.
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/
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/
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.
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.
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/
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/ This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics
by: Matt Adams |
last post by:
I want to move the following <PRE> defintion to a css file:
<TABLE><TR><TD><PRE>sample text</PRE></TD>
<TD> not predefined font</TD></TR></TABLE>
should be
<TABLE><TR><TD class=aaa>sample...
|
by: js |
last post by:
I have a table rendered with XSLT. The first column has a radio
button controls for user to make a selection for a particular row.
All the values in the remaining columns are all concated with a...
|
by: RC |
last post by:
I have a very sime html table like
<html><head><title>My Table</title>
<style>
input { margin: 0; padding: 0; border-width: 0;
text-indet: 0; text-align: left }
</style></head><body>
<table...
|
by: Henry Johnson |
last post by:
Okay - I'm spinning my wheels on this one... can someone help me figure out
how to programmatically populate a table cell as follows (from C#
code-behind)? I've tried using a Literal control in the...
|
by: petereffect |
last post by:
i have foll. code
<tr>
<a href="a1.shtml">
<td width='100%'>
"+Testing+
</td>
</a>
|
by: mahesr |
last post by:
I want to match some particular text between <tr>and </tr> or <td>and </td>....
in PHP.
like below............
<table><tr>
CATEGORY:
<td><font face="Verdana" size="1" color="#A000A0">
Wedding...
|
by: George Lft |
last post by:
I'm new at building table. Mostly PHP programming . Now I can't seem to fix the size of my table row and column. Any idea?
<h4>Two rows and three columns:</h4>
<table border="1">
<tr>
...
|
by: test9991014 |
last post by:
Hi folks,
I've got something like this:
<table>
<tr>
<td>1</td>
<td align=center>
<input type=text>
</td>
|
by: jessy |
last post by:
I have a table at which i need to add fields in it whenever the user clicks on the Add button , here's my trial but seems sth is wrong :
function AddTool()
{
formdiv =...
|
by: harryusa |
last post by:
I am trying to center 2 images concentrically which are z-indexed to lay on top of each other making an image with a border from another image that has a transparent center. I need the images to be...
|
by: CloudSolutions |
last post by:
Introduction:
For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
|
by: ryjfgjl |
last post by:
In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...
|
by: Charles Arthur |
last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
|
by: ryjfgjl |
last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
|
by: ryjfgjl |
last post by:
In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...
|
by: emmanuelkatto |
last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud.
Please let me know.
Thanks!
Emmanuel
|
by: nemocccc |
last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
|
by: Sonnysonu |
last post by:
This is the data of csv file
1 2 3
1 2 3
1 2 3
1 2 3
2 3
2 3
3
the lengths should be different i have to store the data by column-wise with in the specific length.
suppose the i have to...
|
by: Hystou |
last post by:
There are some requirements for setting up RAID:
1. The motherboard and BIOS support RAID configuration.
2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
| |
