You are here: Re: CSS and body margins « HTML « IT news, forums, messages
Re: CSS and body margins

Posted by Jonathan N. Little on 11/26/93 11:57

Christoph wrote:
>>> Hmm, this is the only way it can be done?
>> No but it is not clear what you are trying to accomplish, that is why a
>> URL is aways useful. Even a failed attempt can be revealing.
>
> Fair enough. This is what I'm trying to do. Please note that it only works
> properly in IE, however. :(
>
> http://web.melancholy.org:8081/CSSTest/ch_home.html
>
>> Are this images content or just decoration? If the latter then it should
>> be background images! Then nested DIVs could work
>
> Decoration. But once you see the above page, particularly the source,
> you'll better see what I'm trying to accomplish. The statues at the top
> left/right rest atop a 'border' image that repeats all the way to the bottom
> of the page regardless of how much text is actually on that page. Because
> of that repitition, it can't be a background image. But because it is
> actually 4 images, it can't (at least, I don't think) just be nested DIVs.

Wow, doesn't even display any images except in IE!

Well, then I would do it as my last "bookends" example with the
"bookends" image as your repeated columns then the top figurines would
be absolute positioned images:

#leftMonk, #rightMonk { display: block; position: absolute; }

#leftMonk { top: 0; left: 0; }

/* Replace [NN] with the width of you image to place top-right corner */
#rightMonk { top: 0; left: 100%; margin-left: -[NN]px; }

And at the very start of you document add:

<img id="leftMonk" src="A.jpg" alt="Left Figure">
<img id="rightMonk" src="B.jpg" alt="Right Figure">
....

This would work in IE and *other* browsers. Also fix some markup errors.
Dump the table layout. Add doc type at very top:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">


remove the pseudo-XHTML formating, e.g.:
<link rel="stylesheet" type="text/css" href="./ch_home.css"/>
^
DELETE

<link rel="stylesheet" type="text/css" href="./ch_home.css">

--
Take care,

Jonathan
-------------------
LITTLE WORKS STUDIO
http://www.LittleWorksStudio.com

 

Navigation:

[Reply to this 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

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