|
|
Posted by Jonathan N. Little on 09/02/07 18:27
Ralf wrote:
> hi folks,
>
> trying to evolve from table-based design to using DIV-ID's etc for
> positioning of elements. having a nasty time getting the right edges of
> elements on my page to "behave" in terms of placement and padding to make
> text content sit symetrically.
>
> here's my URL: http://www3.telus.net/peaklong/test/intro.htm
One thing I noticed:
p.top-para {
padding-bottom: -5px;
....
"Unlike margin properties, values for padding values cannot be negative.
Like margin properties, percentage values for padding properties refer
to the width of the generated box's containing block." from:
http://www.w3.org/TR/CSS21/box.html#propdef-padding
Also you have such a mishmash of inline CSS and old HTML styling
attributes plus and external stylesheet that appears just as haphazardly
composed with pixels and points and em's oh my!
I'd recommend stripping is all out all the inline style and deprecated
attributes to get the page in a clean and well formed state. Then add
style via your stylesheet. Start with the bold strokes first in other
words define the most general rules first. Then judiciously add more
specific one for those special parts within your page...
--
Take care,
Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com
Navigation:
[Reply to this message]
|