|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
 |
|
|
|
|
|||||||||
|
|||||||||
|
|||||||||
| |
|||
|
|
|
|
| |||||||||
 |
|
|
«
Previous Thread
|
Next Thread
»
|
Thread Tools | Search this Thread | Display Modes |
Dev Articles Community Forums Sponsor:
|
|
Be the architects of evolution and help create the mobile internet future. It’s your move---enter to win here! |
|
#1
December 30th, 2002, 03:30 PM
|
|||
|
|||
|
How To Get Layer To Move With Page
::Problem:: I have a text advertisement table that I want to place on an HTML page. I want the text to not collapse when I downsize (make smaller) the browser window. If I place the text advertisement table inside a "Layer" the table and text do not collapse when I make the browser window smaller. The HTML code for the layer is as follows: <div id="Layer1" style="position:absolute; left:577px; top:145px; width:200px; height:115px; z-index:1">123, etc.</div> But the problem is the Layer does not move. In other words if I click and grab the right side of the browser window and move the right side to the left the Layer stays in it's current position and does not move with the downsizing of the window. As an example please look at the little rectangular advertisements at the right side of the page of the Google search engine. If you click and grab the right side of the browser window and move it left the little advertisements move left along with the right window edge. That is what I am trying to accomplish. Question: Does anyone know how I can get my text ads to move like Google's? Thank you in advance. Best Regards; Volitics
|
|
#2
December 30th, 2002, 04:49 PM
|
|||
|
|||
|
Code:
<style type="text/css">
.BOX {
background-color: #006666;
border: 1px solid #000000;
position: absolute;
visibility: visible;
z-index: 1;
height: 250px;
width: 125px;
top: 100px;
right: 50px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
padding: 4px;
}
</style>
<div class="box">Your Floating Box</div>
__________________
~ Joe Penn We work for free to help make this a valuable resource on the internet. Do you appreciate the help - did we provide help that will help you prosper and help that has contributed to sharpening your current skill set? Show your appreciation and purchase something from our Amazon Wishlist's - it's simple and a great way to say thank you.
|
|
| Viewing: Dev Articles Community Forums > Programming > Programming Tools > How To Get Layer To Move With Page |
| Thread Tools | Search this Thread |
| Display Modes | Rate This Thread |
|
|
 |
|
|
 |
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
Linear Mode
