Page Resizing (Maximize/Minimize)

**NADB** · 04-02-2006, 11:27 AM

I would appreciate if someone would help me with this code.

<div style="position: absolute; top: 2163px; left: 169px; width: 100px; height: 21px; z-index: 18;" id="element291"><IMG SRC="yourimage.jpg" WIDTH="96" HEIGHT="134" BORDER="0">

I would like for my contents (images/fonts) to stay centered when the page is viewed in different window sizes.

I've been reading replies to similar questions posted. I've tried tables and other code combinations but I just can't figure it out. I guess I need the book, Html Codes For Dummies.

I would like for the code to be in html and not css. I would be more than grateful for any replies.

Thanks, NADB

**Twey** · 04-02-2006, 11:54 AM

I would like for my contents (images/fonts) to stay centered when the page is viewed in different window sizes.

Then you don't want to use absolute positioning.

I would like for the code to be in html and not css.

That's not really possible. Why would you want this? You're already using CSS quite happily in the sample code you provided above.

Code:

<div style="text-align:center; margin-left:0; margin-right:auto;" id="element291">

**NADB** · 04-02-2006, 08:58 PM

Twey,

I use drag/drop tools when building most of my websites. I know a few basic codes but not many. You really helped me out. I appreciate you for explaining it in terms that I understand.

Thanks Again.

**mwinter** · 04-03-2006, 01:26 AM

Originally Posted by Twey

Code:

<div style="text-align:center; margin-left:0; margin-right:auto;" id="element291">

By the way Twey, that's equivalent to:

Code:

<div ... style="text-align: center; margin-left: 0; margin-right: 0; width: auto;">

If that's not what you intended, you might want to read through the description in section 10.3.3 of the CSS specification.

Mike

**NADB** · 04-03-2006, 06:38 AM

Twey,

I'm back again. I tried implementing the code you gave me but I know that I'm not doing something right. I tried Mike's code. Still not maximizing/minimizing. Here is little more of the code. This code is created from the web editor that I use.

<body link="#000000" bgcolor="#FFFFFF" scroll="auto" id="element1" vlink="#000000">
<noscript>
<img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\javascript_disabled.gif" height="40" border="0" width="373">
</noscript>

<div style="position: absolute; top: 228px; left: 0px; width: 12px; height: 25px; z-index: 0;" id="element171"><style>

</style></div>


<div style="position: absolute; top: 342px; left: 175px; width: 182px; height: 539px; z-index: 1;" id="element223"><table cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#000000" colspan="5"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="4" width="182" border="0"></td></tr><tr><td bgcolor="#000000" rowspan="4"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="535" width="4" border="0"></td><td><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="531" width="174" border="0"></td><td bgcolor="#000000" rowspan="4"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="535" width="4" border="0"></td></tr><tr><td bgcolor="#000000" colspan="3"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="4" width="174" border="0"></td></tr></table></div>


<div style="position: absolute; top: 344px; left: 177px; width: 178px; height: 535px; z-index: 2;" id="element224"><table cellpadding="0" cellspacing="0" border="0"><tr><td bgcolor="#E00905" height="535" width="178"><img alt="" src="file:/C:\Program Files\Homestead\Homestead SiteBuilder\data\elements\shared\tp.gif" height="535" width="178"></td></tr></table></div>


<div style="position: absolute; top: 342px; left: 375px; width: 332px; height: 136px; z-index: 3;" id="element234"><script type="text/javascript" src="http://www.cardoffers.com/partners/access/javascript/results/id.asp?id=423&tempid=327304"></script></div>


<div style="position: absolute; top: 431px; left: 387px; width: 113px; height: 36px; z-index: 4;" id="element235"><div><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=423&tempid=327304"> Read Review</a></b><br></font></div></div>


<div style="position: absolute; top: 496px; left: 376px; width: 330px; height: 136px; z-index: 5;" id="element236"><script type="text/javascript" src="http://www.cardoffers.com/partners/access/javascript/results/id.asp?id=179&tempid=327304"></script></div>


<div style="position: absolute; top: 589px; left: 387px; width: 113px; height: 36px; z-index: 6;" id="element237"><div><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=179&tempid=327304"> Read Review</a></b><br></font></div></div>


<div style="position: absolute; top: 690px; left: 373px; width: 333px; height: 136px; z-index: 7;" id="element238"><script type="text/javascript" src="http://www.cardoffers.com/partners/access/javascript/results/id.asp?id=1100&tempid=327304"></script></div>


<div style="position: absolute; top: 782px; left: 386px; width: 113px; height: 36px; z-index: 8;" id="element239"><div><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=1080&tempid=327304"> </a></b></font><font face="'Palatino Linotype', serif" class="size10" color="#000000"><b><a target="_blank" href="http://www.cardoffers.com/partners/links/cards/details.asp?id=1100&tempid=327304">Read Review</a></b><br></font></div></div>

How do I implement the code?

**Twey** · 04-03-2006, 11:24 AM

Well, for a start, a style tag cannot go inside a div. style tags need to go in the head. I suggest you abandon this editor.

Thread: Page Resizing (Maximize/Minimize)

Thread Tools

Search Thread

Page Resizing (Maximize/Minimize)

Bookmarks

Bookmarks

Posting Permissions