My customer has requested a site that will be center aligned with a horizontal drop down menus. The width of the site will fit in 800x600 and stay centered as the browser window expands. A problem that I am having is that I cannot control the users browser width. Is there a way to maintain where the x and y axis 0 point is so that no matter what the users widow size is the drop downs stay in the same place?
Tek-Tips is the largest IT community on the Internet today!
Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!
-
Congratulations Mike Lewis on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!
specify x and y axis
- Thread starter codehoper
- Start date
RobSchultz
Programmer
This low-tech solution works in IE (6) and Mozilla Firebird (0.7):
Rob
robschultz@yahoo.com
-Focus on the solution to the problem, not the obstacles in the way.-
Code:
<html>
<body>
<table style="width:100%; height:100%"><tr><td align="center">
<select><option value="1">First<option value="2">Second<option value="3">Third</select>
<select><option value="1">First<option value="2">Second<option value="3">Third</select><br> <br>
<select><option value="1">First<option value="2">Second<option value="3">Third</select>
<select><option value="1">First<option value="2">Second<option value="3">Third</select>
</td></tr></table>
</body>
</html>Rob
robschultz@yahoo.com
-Focus on the solution to the problem, not the obstacles in the way.-
Another LoTech solution can be:
... this one works in IE6 (possibly in other browsers as well).
Good Luck §;O)
Jakob
Code:
<HTML>
<HEAD>
<TITLE>CENTERED CONTENTS CELL</TITLE>
</HEAD>
<BODY LEFTMARGIN="0" TOPMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0">
<TABLE BORDER="1" CELLSPACING="0" CELLPADDING="0" WIDTH="100%" HEIGHT="100%" STYLE="table-layout:fixed;">
<TR HEIGHT="25">
<TD ROWSPAN="3">
<!-- expanding/collapsing row -->
</TD>
<TD WIDTH="800">
MENU :
<SELECT>
<OPTION VALUE="item1">A menu
<OPTION VALUE="item2">Another
<OPTION VALUE="item3">The third
</SELECT>
</TD>
<TD ROWSPAN="3">
<!-- expanding/collapsing row -->
</TD>
</TR>
<TR>
<TD VALIGN="TOP">
My Contents
</TD>
</TR>
<TR HEIGHT="25">
<TD>
My Footer ...
</TD>
</TR>
</TABLE>
</BODY>
</HTML>... this one works in IE6 (possibly in other browsers as well).
Good Luck §;O)
Jakob
- Status
Similar threads
