making stuff stay to the right

legohead6 · June 12, 2007

how do i do this, if i minimize the right collum either follows or if i use pixels it looks messed on other screens heres the code, i want "google" to stay 10 px inside the container to the right(sorta like nav on the left

<style>
body {
background-color: #FFFFCC;

scrollbar-arrow-color: #FFFFCC;

scrollbar-base-color: #0080ff;

scrollbar-dark-shadow-color: #FFFFCC;

scrollbar-track-color: #0080ff;

scrollbar-face-color: #32Cd32;

scrollbar-shadow-color: #32Cd32;

scrollbar-highlight-color: #FFFFCC;

scrollbar-3d-light-color: #0080ff;
} 
#container { margin: auto; text-align: center;
background-color: #0080FF;
border: 4px #FFFFCC solid;
z-index: 1
}
#header {
position: relative;
top: 10px;
width: 600px;
z-index: 2;
}
#nav {
position: absolute;
top: 200px;
left: 20px;
padding:0px;
border: 2px #FFFFCC solid;
background: #0080FF;
width: 150px;

color: #FFFFCC;

}
#google {
position: absolute;
top: 200px;
right: 20px;
padding:0px;
border: 2px #FFFFCC solid;
background: #0080FF;
width: 150px;
z-index: 1;
color: #FFFFCC;

}
#main {
position: relative;
top: 10px;
width: 600px;
border: 2px #FFFFCC solid;
z-index: 2;
}
a:visited {color: #FFFFCC; text-decoration: none;}
a:active {color: #FFFFCC; text-decoration: none;}
a:link {color: #FFFFCC; text-decoration: none;}
a:hover {color: #32CD32; text-decoration: none;}
p {color: #FFFFCC;}
</style>
<body>
<div id="container">
<div id="nav">

<table width=150><tr><td><p align=center><a href="http://www.zelocalz.com">Home</a></p></td></tr>

<tr><td><p align=center><a href="http://www.zelocalz.com/browse.php">Browse</a></p></td></tr>

<tr><td><p align=center><a href="http://www.zelocalz.com/newlist.php">Sell</a></p></td></tr>

<tr><td><p align=center><a href="http://www.zelocalz.com/profile/profileh.php">Profile</a></p></td></tr>

<tr><td><p align=center><a href="http://www.zelocalz.com/forum/index.php">Forum</a></p></td></tr>

<tr><td><p align=center><a href="http://www.zelocalz.com/sign_up.php">Register</a></p></td></tr>

<tr><td><p align=center><a href="http://www.zelocalz.com/help/topics.php">Help Topics</a></p></td></tr>

</table>
</div>
<div id=google>

<script type="text/javascript"><!--

google_ad_client = "pub-2239873906758408";

google_ad_width = 120;

google_ad_height = 550;

google_ad_format = "120x600_as";

google_ad_type = "text";

google_ad_channel = "";

google_color_border = "32CD32";

google_color_bg = "0080FF";

google_color_link = "FFFFCC";

google_color_text = "000000";

google_color_url = "FFFFCC";

//-->

</script>

<script type="text/javascript"

  src="http://pagead2.googlesyndication.com/pagead/show_ads.js">

</script>

</div>


<div id="header">
<img src=images/zelocalzbanner.png>
</div>


<div id="main">

Sign In

making stuff stay to the right

Recommended Posts

legohead6

Link to comment

Share on other sites

Join the conversation

Browse

Activity

Important Information