PDA

View Full Version : Browser or Web page???

Skara
07-07-2006, 11:28 AM
I designed an interface for an inhouse web application, but it appears in the top left corner of the browser. How and what should I change to make it fill the whole page? Should I write a Script for that??
_Aerospace_Eng_
07-07-2006, 11:30 AM
Can you post your code?
Skara
07-07-2006, 02:47 PM
The Code::)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Login</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body bgcolor="#FFFFF9">
<div id="Layer1" style="position:absolute; left:-3px; top:58px; width:72px; height:125px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;"><img src="Images/Banner_Pic.png" width="75" height="350"></div>
<div id="Layer3" style="position:absolute; left:619px; top:0px; width:133px; height:137px; z-index:3"><img src="Images/Doc_Tree.png" width="138" height="128"></div>
<div id="Layer4" style="position:absolute; left:-6px; top:-241px; width:400px; height:303px; z-index:4">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="600" height="300">
<param name="movie" value="fireworks.swf">
<param name="quality" value="high">
<embed src="fireworks.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="600" height="300"></embed></object>
</div>
<div id="Layer3" style="position:absolute; left:604px; top:216px; width:153px; height:179px; z-index:3; background-color: #660033; layer-background-color: #660033; border: 1px none #000000;">
<p><font color="#FFFFFF" size="-1" face="Comic Sans MS"><strong>User Id</strong></font>
<font color="#FFFFFF" face="Comic Sans MS">&nbsp;</font> <strong>
<input type="text" name="textfield">
<font color="#FFFFFF" size="-1" face="Comic Sans MS">Password</font> </strong>
<input type="text" name="textfield2">
</p>
<p>
<map name="m_Login1Map">
<area shape="poly" coords="6,5,81,5,81,30,6,30,6,5" href="AnotherStart.html" target="_parent" alt="" >
</map>
</p>
</div>
<div id="Layer2" style="position:absolute; left:142px; top:374px; width:475px; height:34px; z-index:5; background-color: #F0F0F0; layer-background-color: #F0F0F0; border: 1px none #000000;"><em><font color="#660033"><strong>Challenging
The Challenges That Challenge You</strong></font></em></div>
<div id="Layer5" style="position:absolute; left:73px; top:345px; width:68px; height:65px; z-index:6"><img src="Logo1.png" width="68" height="63"></div>
<div id="Layer6" style="position:absolute; left:609px; top:384px; width:148px; height:23px; z-index:7; background-color: #F0F0F0; layer-background-color: #F0F0F0; border: 1px none #000000;"><strong><font color="#660033">New
User </font></strong></div>
<div id="Layer7" style="position:absolute; left:661px; top:341px; width:62px; height:20px; z-index:8"><a href="T1.htm"><img src="Login1.gif" width="85" height="36" border="0"></a></div>
<div id="Layer8" style="position:absolute; left:605px; top:181px; width:101px; height:35px; z-index:9; background-color: #660033; layer-background-color: #660033; border: 1px none #000000;"><strong><font color="#FFFFFF">Sign
In</font></strong></div>

</body>
</html>
DELOCH
07-07-2006, 11:31 PM
uhh... parhaps you should have 3 divs 1 in the left, one in the right, one in the left and parhaps one around so center one is not messed up

tables works well as well :D

hope it helps
vinyl-junkie
07-08-2006, 06:20 PM
tables works well as well :D
Tables?!? :eek: You're going to bring the zealots out of the woodwork to "counsel" you. ;)

The best way to make a page cover the whole browser is to express widths in percentages. So for example, that first line of code after the body might look like this:

<div id="Layer1" style="position:absolute; left:-3px; top:58px; width:10%; height:125px; z-index:1; background-color: #CCCCCC; layer-background-color: #CCCCCC; border: 1px none #000000;">
BTW, you might want to also consider using an external stylesheet rather than having your styles embedded into your page code. That separates content from presentation, as well as making it easier to maintain your site.
ronaldb66
07-10-2006, 01:01 PM
That, and relying totally on absolutely positioned divs (dubbed "layers" in DreamWeaver) is an extremely rigid and cumbersome approach.

I'm afraid there are no easy answers to this one, other than the strong advice to stop letting DW tell you how to construct a layout and start looking into more flexible and adaptable positioning techniques.