Reply to Re: Problem with horizontal rule

Your name:

Reply:


Posted by Jukka K. Korpela on 08/18/06 16:22

Perth <renaissance@australiamail.com> scripsit:

> Good morning:

Hello down there. It's 7 PM here.

> - - I am unable to make the
> horizontal rule - - stretch all the way across 100%.

I wonder what you mean by stretching all the way across 100%. In <hr>, the
_default_ is width="100%", i.e. the entire available width. But maybe you
want more than everything? :-)

The point is that the <body> element tends to have some default margin or
padding, since texts would look uncomfortable if they started at the very
border of the canvas.

You can use
body { margin: 0; padding: 0; }
and then a <hr> will extend across the entire canvas. However, then you
should probably take care of putting your content inside a container that
has some padding or margin, e.g.

<body>
<div class="content">
content proper here
</div>
<hr>
<div class="content">
more content
</div>

with, say,
..content { padding: 0.3em 0.5em 0.3em 1em; }

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

[Back to original message]


Удаленная работа для программистов  •  Как заработать на Google AdSense  •  England, UK  •  статьи на английском  •  PHP MySQL CMS Apache Oscommerce  •  Online Business Knowledge Base  •  DVD MP3 AVI MP4 players codecs conversion help
Home  •  Search  •  Site Map  •  Set as Homepage  •  Add to Favourites

Copyright © 2005-2006 Powered by Custom PHP Programming

Сайт изготовлен в Студии Валентина Петручека
изготовление и поддержка веб-сайтов, разработка программного обеспечения, поисковая оптимизация