PDA

View Full Version : Relative positioning?

cambria
02-20-2005, 06:02 PM
Hey,

I'm currently doing a page for a clan as a favor and I have some problems.
I was wondering how I could position the menu (see http://www.netikka.net/kammonen/cf/main.php) to the left so it stays inside the little space even though I resize the window or change resolution. I've heard about something called relative positioning, could it be used to fix it? Thanks.
pb&j
02-20-2005, 08:09 PM
you have a table setup AND positioning divs. the two may not mix well. take out the table tr and td tags.

now you should be left with an image and your div areas. add the PX parts to your values and this should be closer to your goal...

<html><body>

<img src="bg.jpg">

<div id="menu" style="position:absolute; top:150px; left:83px; width:108px; height:403px; z-index:1; padding:2px;">
<a href="main.php">Home</a><br>
<a href="news.php">News</a><br>
<a href="members.php">Members</a><br>
<a href="warz.php">Warz</a><br>
<a href="contact.php">Contact</a><br>
<a href="links.php">Links</a><br>
<br>
<form method="post" action="none">
Username<input type="text" name="user" size="12"><br>
Password<input type="password" name="pass" size="12"><br><br>
<input type="submit" name="Submit" value="Submit"></form>
</div>

<div id="content" style="position:absolute; top:150px; left:210px; width:408px; height:403px; z-index:1; padding:2px;">
<font color="#FFFFFF">finally, some action..<br>
<br>
the login form doesn't work yet, and the frame looks kinda pirkka, but things are shaping up aren't they?<br>
<br>
<i>- Cambria</i></font>
</div>

</body></html>

now just adjust the TOP and LEFT values so the div parts move into the correct place you want them to appear.