473,385 Members | 1,464 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,385 software developers and data experts.

Percentage Height not working

I am trying to adjust the window/table size of a website
(www.worklaw.co.za) which has made use of DIV tags with its settings
embedded in an CSS file.

The client wants its width and height to adjust according to dynamic
screen size, and I have been able to adjust the width to a percentage
value which works fine. But if I try do the same with the height it
shows some very strange results squashing the field to display about 3
lines.

The following is copied out of the css file:

.Content {position:relative;
left:70px;
height:388px;
width:90%;
top:15px;
overflow:auto;
scrollbar-arrow-color:navy
border-style:solid;
border-width:2px;
border-color:
black #E9E9E9 #E9E9E9 black;
padding:3;
}

I've changed the width to 90% as you can see, but that hasn't helped.
Any ideas why a percentage wouldn't work for height?

Brendon

Sep 30 '05 #1
22 6911
le*****@anti-spam.iafrica.com (Les Juby) wrote:
(www.worklaw.co.za) which has made use of DIV tags


A phrase like "I've used div tags" is usually a sign that the poster
completely misunderstood both HTML and CSS, I'm afraid that you are no
different. What you've created is known as "div soup", you have no
structural or semantic markup.

People usually do this in an misguided attempt to get rid of
presentational markup. On that front you buck the trend in that your
code still unashamedly contains deprecated rubbish like <font> and
<center> tags, the usual lavish use of &nbp;s, align attributes and to
top it off tables used for layout.

Currently CSS should be the last of your worries, you really need to
learn how to markup properly first.

--
Spartanicus
Sep 30 '05 #2
Hi,

Spartanicus is right. But this doesn't help you anyway at the moment...
height:100%; means 100% of the surrounding Element. If you don't set a
height for the sourrounding Element, it is as heigh as it's content
(plus it's padding). If you set
html, body {height:100%;}
it will work.

Chris

Sep 30 '05 #3
On Fri, 30 Sep 2005 06:48:28 +0200, Les Juby
<le*****@anti-spam.iafrica.com> wrote:
I am trying to adjust the window/table size of a website
(www.worklaw.co.za) which has made use of DIV tags with its settings
embedded in an CSS file.

The following is copied out of the css file:

.Content {position:relative;
left:70px;
height:388px;
width:90%;
top:15px;
overflow:auto;
scrollbar-arrow-color:navy
border-style:solid;
border-width:2px;
border-color:
black #E9E9E9 #E9E9E9 black;
padding:3;
}


This is not verry well writen. First of all take out what ever is in your
styles that attempt to mess with the chrome of the browser (like that
scrollbar thingy). The chrome is not yours to play with. It's mine.

Then try to get some structure in writing your stylesheet. For example, I
use a fixed order for the various properties for selectors. For a selector
that is meant to be used with a block level element, I do:

position, top, left, width, height, padding, border,
margin, background, color, font

Not said that this is the order properties should be dealt with, but just
meaning to tell you that working with a fixed order, helps in the writing
proces (you can't forget much) and helps afterwards to tweak you sheet
(you know where things are).

Thirdly, learn what can be left out. Usually 'overflow:auto;' shouldn't be
necessary, since it is the default value for a block level element, so,
unless you've set a parent (or higher up the cascade) with an other value
for overflow (hope not), here it is not necessary to set it.
Further more, learn how the shorthand works as a notation for properties
and values. The border properties can often be put together (like
'border:black 2px solid;', although in this case that is a bit hard with
the different colouring of various borders).

A big issue is the sizing in px. If you set sizes of elements for layout
in px and I need to change the size of text for comfortable reading
(larger; hardly ever smaller), it is very likely your precious design
falls apart. To prevent that from happening, use em instead, or any other
relative unit. In any case, use a unit. In your example you've left out
the unit with the value for padding. 'padding:3;' Three what? px? em? Cows?

Than finally: if you use percentages, always make sure that you know what
it takes the percentage off. So 'width:90%;' --> 90% of what? What is the
containing box, the parent block level element?

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Sep 30 '05 #4
On Fri, 30 Sep 2005 08:53:33 +0200, ch***@leipold.ws <ch***@leipold.ws>
wrote:
Hi,

Spartanicus is right.
<http://www.safalra.com/special/googlegroupsreply/>
But this doesn't help you anyway at the moment...


<http://www.amatecon.com/fish.html>

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Sep 30 '05 #5
Hi,
<http://www.safalra.com/special/googlegroupsreply/>


Thanks. Hint taken.
But this doesn't help you anyway at the moment...


<http://www.amatecon.com/fish.html>


Yeah, you're right, too. But if he starves to death before learning to
fish, it doesn't help either.

Cheers Chris

Sep 30 '05 #6
On Fri, 30 Sep 2005 17:31:53 +0200, ch***@leipold.ws <ch***@leipold.ws> wrote:
<http://www.safalra.com/special/googlegroupsreply/>


Thanks. Hint taken.


Thank you for adapting that fast. Really appreciate it. Can you please also
attribute the quotes? That would be perfect. Tia
> But this doesn't help you anyway at the moment...


<http://www.amatecon.com/fish.html>


Yeah, you're right, too. But if he starves to death before learning to
fish, it doesn't help either.


See, that's why a metaphore almost always gets killed in the following
discussion. :-) Because it is just a metaphore and therefore no better than any
other model, simplifying life.
As I see it, the OP wasn't yet 'starved'. Either way, there was just enough fish
in the dishes to keep him going for a while. Maybe just long enough to actually
learn something too.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Sep 30 '05 #7
Barbara de Zoete a écrit :
On Fri, 30 Sep 2005 06:48:28 +0200, Les Juby
<le*****@anti-spam.iafrica.com> wrote:
I am trying to adjust the window/table size of a website
(www.worklaw.co.za) which has made use of DIV tags with its settings
embedded in an CSS file.

The following is copied out of the css file:

.Content {position:relative;
left:70px;
height:388px;
width:90%;
top:15px;
overflow:auto;
scrollbar-arrow-color:navy
border-style:solid;
border-width:2px;
border-color:
black #E9E9E9 #E9E9E9 black;
padding:3;
}

This is not verry well writen.


I agree.

First of all take out what ever is in your styles that attempt to mess with the chrome of the browser (like
that scrollbar thingy). The chrome is not yours to play with. It's mine.

Fully agree on this.
Then try to get some structure in writing your stylesheet. For example,
I use a fixed order for the various properties for selectors. For a
selector that is meant to be used with a block level element, I do:

position, top, left, width, height, padding, border,
margin, background, color, font
color and font are inheritable properties so there is no need to declare
these unless the values must differ from its container block's color and
font. Also, top, left, width and height are auto. Depending on the
author's intent, it may not be necessary to define each of these
property values.

Not said that this is the order properties should be dealt with, but
just meaning to tell you that working with a fixed order, helps in the
writing proces (you can't forget much) and helps afterwards to tweak
you sheet (you know where things are).

Thirdly, learn what can be left out. Usually 'overflow:auto;' shouldn't
be necessary, since it is the default value for a block level element,
No. It is overflow: visible
http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow
Initial: visible

so, unless you've set a parent (or higher up the cascade) with an other
value for overflow (hope not), here it is not necessary to set it.
Further more, learn how the shorthand works as a notation for
properties and values. The border properties can often be put together
(like 'border:black 2px solid;', although in this case that is a bit
hard with the different colouring of various borders).

A big issue is the sizing in px. If you set sizes of elements for
layout in px and I need to change the size of text for comfortable
reading (larger; hardly ever smaller), it is very likely your precious
design falls apart. To prevent that from happening, use em instead, or
any other relative unit.
W3C Quality Assurance tip for webmasters:
Care With Font Size
Recommended Practices: Good usage of CSS's font properties
"Do not specify the font-size in pt, or other absolute length units.
They render inconsistently across platforms and can't be resized by the
User Agent (e.g browser).
Use relative length units such as percent or (better) em"
http://www.w3.org/QA/Tips/font-size#goodpractice
In any case, use a unit. In your example you've left out the unit with the value for padding. 'padding:3;' Three
what? px? em? Cows?

This parsing error on the declaration will make CSS compliant browsers
to ignore the declaration.

CSS1 Forward-compatible parsing
http://www.w3.org/TR/REC-CSS1#forwar...atible-parsing
CSS2.1 Rules for handling parsing errors
http://www.w3.org/TR/CSS21/syndata.html#parsing-errors

So writing:

padding:3
is equivalent to writing
padding:0
Than finally: if you use percentages, always make sure that you know
what it takes the percentage off. So 'width:90%;' --> 90% of what? What
is the containing box, the parent block level element?


Gérard
--
remove blah to email me
Oct 1 '05 #8
Les Juby wrote :
I am trying to adjust the window/table size of a website
(www.worklaw.co.za) which has made use of DIV tags with its settings
embedded in an CSS file.

The client wants its width and height to adjust according to dynamic
screen size, and I have been able to adjust the width to a percentage
value which works fine. But if I try do the same with the height it
shows some very strange results squashing the field to display about 3
lines.

The following is copied out of the css file:

.Content {position:relative;
left:70px;
height:388px;
width:90%;
top:15px;
overflow:auto;
scrollbar-arrow-color:navy
border-style:solid;
border-width:2px;
border-color:
black #E9E9E9 #E9E9E9 black;
padding:3;
}

I've changed the width to 90% as you can see, but that hasn't helped.
Any ideas why a percentage wouldn't work for height?

Brendon


Brendon, I checked quickly your page. It would take a lot of time
figuring out if there is something wrong with percentage height in that
page. Right now, browsers do not do well with absolutely and relatively
positioned div with percentage values.

Bug 260348: Relative positioning with percentages inside auto-height
containing block does not work
https://bugzilla.mozilla.org/show_bug.cgi?id=260348
2 of the 4 testcases in bug 308946 failed in current Mozilla builds
https://bugzilla.mozilla.org/show_bug.cgi?id=308946

I've filed bugs for Opera 8.5 and MSIE 7 on this.

Your page has no doctype declaration, no <html> element, uses deprecated
elements like <font>, <center>, nested tables, pt unit for font-size,
lots of deprecated and invalid attributes (topmargin, leftmargin, alink,
link, vlink, scroll,) etc..etc

In your CSS code
http://www.worklaw.co.za/wkstyle.css
, you spend a lot of energy on removing the underlining of links but
that's not recommendable: one of the most reliable visual way to spot
quickly the links in a page is the underlining of links; by default, all
browsers underline links.

You give abstract names, non-meaningful, non-descriptive names to your
classes. a, b, c and d mean nothing in the absolute and in the
relativity. On the other hand,
..ExternalLink { ... }
..DataFormEntry { ... }
..ImportantNotice { ... }
..Suggestion { ... }
etc..
are good examples of meaningful, intuitive, self-explanatory names for
classes. This helps website maintenance in the long run, helps reviewing
by others who may not know your code, etc.

Your code is awful regarding other aspect.
Line 114:
<td>
<div id="ID" class="content"> <center>
<table border="0" width="100%" height="100%" align="right">

<tr><br>

You overconstrain your tables, nest tables which have nothing to do with
tabular data. You over-code, over-declare, over-constrain and
over-position most of your elements.
Just look at the above code: you have a table cell, and inside of it, a
relatively positioned element that has content centered inside a
right-aligned dimension-constrained table. It's a nightmare!
You should try to simplify and not embed elements inside other elements
unless this is really called for... otherwise, your code quickly becomes
a complex intricated macaroni of elements which have all kinds of CSS
declarations, HTML attributes, etc..

You should start with tutorials, learning resources and webpage
templates for your website.
I recommend all the resources at this page:

http://www.gtalbot.org/NvuSection/Nv...Resources.html

When you feel ready for more advanced stuff, then try these resources:

* Web Quality Assurance tips for webmasters:
http://www.w3.org/QA/Tips/
* Web Standards Group: CSS tips and resources
http://www.456bereastreet.com/lab/de...dards/css/#css
* Web Page Development: Best Practices
http://developer.apple.com/internet/...estwebdev.html
* Complete CSS Guide
http://www.westciv.com/style_master/.../css_tutorial/
* CSS lessons and tutorials
http://tutorials.alsacreations.com/
* HTML and CSS lessons and tutorials
http://www.htmldog.com/
* Preparing for standard-compliant browsers, Part 1
http://www.digital-web.com/articles/...rowsers_part1/
* Preparing for standard-compliant browsers, Part 2
http://www.digital-web.com/articles/...rowsers_part2/

Gérard
--
remove blah to email me
Oct 1 '05 #9
On Sat, 01 Oct 2005 05:09:27 +0200, Gérard Talbot <ne***********@gtalbot.org>
wrote:
Barbara de Zoete a écrit :
On Fri, 30 Sep 2005 06:48:28 +0200, Les Juby <le*****@anti-spam.iafrica.com>
wrote:
I am trying to adjust the window/table size of a website
(www.worklaw.co.za) which has made use of DIV tags with its settings
embedded in an CSS file.

The following is copied out of the css file:

[ snip css ]
position, top, left, width, height, padding, border,
margin, background, color, font
Depending on the author's intent, it may not be necessary to define each of
these property values.


Good completion.
Thirdly, learn what can be left out. Usually 'overflow:auto;' shouldn't be
necessary, since it is the default value for a block level element,


No. It is overflow: visible
http://www.w3.org/TR/CSS21/visufx.html#propdef-overflow
Initial: visible


You're right.
--
remove blah to email me


Your sig separator is broken :-)

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
Oct 1 '05 #10
Gérard Talbot <ne***********@gtalbot.org> wrote:
padding:3
is equivalent to writing
padding:0


Incorrect, "padding:3" should be ignored.

--
Spartanicus
Oct 1 '05 #11
On Fri, 30 Sep 2005, Gérard Talbot wrote:
This parsing error on the declaration will make CSS compliant
browsers to ignore the declaration.

CSS1 Forward-compatible parsing
http://www.w3.org/TR/REC-CSS1#forwar...atible-parsing
CSS2.1 Rules for handling parsing errors
http://www.w3.org/TR/CSS21/syndata.html#parsing-errors
right...
So writing:

padding:3
is equivalent to writing
padding:0


No it isn't. In a conforming browser, it's equivalent to not
writing that padding specification at all - just as you cited.

So the padding will be set to whatever value comes out of the cascade,
disregarding this particular "declaration".
Oct 1 '05 #12
Spartanicus wrote in message news:ij********************************@news.spart anicus.utvinternet.ie...
Gérard Talbot wrote:
padding:3
is equivalent to writing
padding:0


Incorrect, "padding:3" should be ignored.

as should "padding:0" ...
therefore "is equivalent" should be correct...

looking at the text and links you omitted by snipping:

<<
This parsing error on the declaration will make CSS compliant
browsers to ignore the declaration.

CSS1 Forward-compatible parsing
http://www.w3.org/TR/REC-CSS1#forwar...atible-parsing
CSS2.1 Rules for handling parsing errors
http://www.w3.org/TR/CSS21/syndata.html#parsing-errors

So writing:

padding:3
is equivalent to writing
padding:0

from http://www.w3.org/TR/CSS21/syndata.html#parsing-errors:

* Illegal values. User agents must ignore a declaration with an illegal value. For example:

img { float: left } /* correct CSS 2.1 */
img { float: left here } /* "here" is not a value of 'float' */
img { background: "red" } /* keywords cannot be quoted */
img { border-width: 3 } /* a unit must be specified for length values */

A CSS 2.1 parser would honor the first rule and ignore the rest, as if the style sheet had been:

img { float: left }
img { }
img { }
img { }

so as Gérard wrote, the following:

div { padding: 3 }
div { padding: 0 }

parses as:

div { }
div { }
which is equivalent.

Oct 1 '05 #13

"Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote in message news:Pi*******************************@ppepc56.ph. gla.ac.uk...
On Fri, 30 Sep 2005, Gérard Talbot wrote:
This parsing error on the declaration will make CSS compliant
browsers to ignore the declaration.

CSS1 Forward-compatible parsing
http://www.w3.org/TR/REC-CSS1#forwar...atible-parsing
CSS2.1 Rules for handling parsing errors
http://www.w3.org/TR/CSS21/syndata.html#parsing-errors
right...
So writing:

padding:3
is equivalent to writing
padding:0


No it isn't. In a conforming browser, it's equivalent to not
writing that padding specification at all - just as you cited.


isn't it or is it?

somebody is confused: No it isn't [equivalent]. In a conforming browser, it's equivalent to not

^^^^^^^^^^^^^^^^^^^^^ as opposed to ^^^^^^^^^^^^^^^

please make up your mind, you're confusing others as well

Oct 1 '05 #14
On Sat, 01 Oct 2005 13:18:48 +0200, Robi <me@privacy.net> wrote:
"Alan J. Flavell" <fl*****@ph.gla.ac.uk> wrote in message
No it isn't. In a conforming browser, it's equivalent to not
writing that padding specification at all - just as you cited.


isn't it or is it?

somebody is confused:
No it isn't [equivalent]. In a conforming browser, it's equivalent to not

^^^^^^^^^^^^^^^^^^^^^ as opposed to ^^^^^^^^^^^^^^^

please make up your mind, you're confusing others as well


Learn to read.

Gérard: so it equals 'padding:0;' --> Alan: 'no it isn't'
Why? --> Because it is equivalent to _not_specifying_that_padding_at_all.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Oct 1 '05 #15
On Sat, 01 Oct 2005 13:15:12 +0200, Robi <me@privacy.net> wrote:
Spartanicus wrote in message
news:ij********************************@news.spart anicus.utvinternet.ie...
Gérard Talbot wrote:
padding:3
is equivalent to writing
padding:0
Incorrect, "padding:3" should be ignored.

as should "padding:0" ...


Wrong. If the default is (say) padding:.5em, and I don't want it, I can use
padding:0; to set the padding to, surprise, 0.
therefore "is equivalent" should be correct...


Cut the crap and learn to read.

--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Oct 1 '05 #16
Barbara de Zoete wrote:
Gérard: so it equals 'padding:0;' --> Alan: 'no it isn't'
Why? --> Because it is equivalent to _not_specifying_that_padding_at_all.


Example:

p {
padding: 1em
}
p {
padding: 3
}

Result is:
p {
padding: 1em
}
(because the second rule will be ignored) and not
p {
padding: 0
}
--
Johannes Koch
Spem in alium nunquam habui praeter in te, Deus Israel.
(Thomas Tallis, 40-part motet)
Oct 1 '05 #17
On Sat, 1 Oct 2005, Barbara de Zoete wrote:
On Sat, 01 Oct 2005 13:15:12 +0200, Robi <me@privacy.net> wrote:
therefore "is equivalent" should be correct...


Cut the crap and learn to read.


I suspect our would-be informant might be muddled about the difference
between, on the one hand:

padding: 3;

which is invalid (missing its units specification) and required to be
ignored in its entirety (i.e *not* treated as a specification of
zero!), and, on the other hand:

padding: 0;

which is legal (a value of 0 is allowed, even without a unit - since 0
is 0 in any units) and so should not be ignored.
Be that as it may, "Robi" is well on their way to establishing
eligibility for at least one killfile around here :-}

regards
Oct 1 '05 #18
On Sat, 1 Oct 2005 06:18:48 -0500, Robi wrote:
somebody is confused:
No it isn't [equivalent]. In a conforming browser, it's equivalent to not ^^^^^^^^^^^^^^^^^^^^^ as opposed to ^^^^^^^^^^^^^^^

Don't quote only the bits that you like, the full quote is: No it isn't. In a conforming browser, it's equivalent to not
writing that padding specification at all - just as you cited.
which has a completely different meaning to what you quoted.
please make up your mind, you're confusing others as well


No, I would say that you are confusing people by obfuscating the issue.
Oct 1 '05 #19
Alan J. Flavell wrote in message news:Pi******************************@ppepc56.ph.g la.ac.uk...
On Sat, 1 Oct 2005, Barbara de Zoete wrote:
On Sat, 01 Oct 2005 13:15:12 +0200, Robi wrote:
therefore "is equivalent" should be correct...
Cut the crap and learn to read.


I suspect our would-be informant might be muddled about the difference
between, on the one hand:

padding: 3;

which is invalid (missing its units specification) and required to be
ignored in its entirety (i.e *not* treated as a specification of
zero!), and, on the other hand:

padding: 0;

which is legal (a value of 0 is allowed, even without a unit - since 0
is 0 in any units) and so should not be ignored.


please excuse my ignorance. I was indeed taking the lack of units as the
same invalid statement, which, if I may add, nobody actually cared to
point out as you did.
Be that as it may, "Robi" is well on their way to establishing
eligibility for at least one killfile around here :-}


I don't care how many "Robi is an idiot" or "Robi got no clue" posts
I get, as long as people can learn from misconceptions.

Yes, I had no clue, and if that is good for you to KF me, go ahead :)

Though now I believe to know something more, and I also understand
the reason behind it. Thanks for educating me.
Oct 1 '05 #20
On Sat, 01 Oct 2005 19:36:44 +0200, Robi <me@privacy.net> wrote:
please excuse my ignorance. I was indeed taking the lack of units as the
same invalid statement, which, if I may add, nobody actually cared to
point out as you did. I don't care how many "Robi is an idiot" or "Robi got no clue" posts
I get, as long as people can learn from misconceptions.


It is hard to know what one really knows and one doesn't know for oneself, let
alone for others. So if you think you disagree with a statement from someone
else, ask the other why they think that is true, rather than letting them guess
at some lacuna in your knowledge. That way you can learn without looking, erm,
rather ... :-) never mind.
--
,-- --<--@ -- PretLetters: 'woest wyf', met vele interesses: ----------.
| weblog | http://home.wanadoo.nl/b.de.zoete/_private/weblog.html |
| webontwerp | http://home.wanadoo.nl/b.de.zoete/html/webontwerp.html |
|zweefvliegen | http://home.wanadoo.nl/b.de.zoete/html/vliegen.html |
`-------------------------------------------------- --<--@ ------------'
Oct 1 '05 #21
Spartanicus a écrit :
Gérard Talbot <ne***********@gtalbot.org> wrote:

padding:3
is equivalent to writing
padding:0

Incorrect, "padding:3" should be ignored.


Yep. There might be cascading declarations (and valid ones) in an local
stylesheet, in an external stylesheet which will be applied when the
inline declaration is ignored.

Gérard
--
remove blah to email me
Oct 1 '05 #22
Barbara de Zoete a écrit :
Gérard: so it equals 'padding:0;'


Well, I changed my mind and I acknowledge Spartanicus is right. The
{padding:3} declaration should be ignored. The computed style might end
up being 50px or any value... it depends on cascading [valid+parsable]
declarations.

Gérard
--
remove blah to email me
Oct 1 '05 #23

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

8
by: Vic | last post by:
I've managed to achieve the effect I wanted in IE6 - although I had to use an experession to set the vertical height of a div (I want it to have an overflow and scroll) but I can't work out a way...
3
by: Les Juby | last post by:
I am trying to adjust the window/table size of a website (www.worklaw.co.za) which has made use of DIV tags with its settings embedded in an CSS file. The client wants its width and height to...
11
by: sariset | last post by:
here is a sample of my problem <table style="width:100%;height:100%"> <tr style="height: 60%"> <td style="width: 968px"> <div style="height:...
1
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...
0
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
0
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
0
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...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
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...
0
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...
0
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
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.