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!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Please help and review code

Status
Not open for further replies.
alsjka

alsjka

Technical User
Jan 21, 2003
114
US
I am have an EXTREMELY hard time trying to figure out what I am missing in my code.. I am trying to get everything so that when a person changes screen resolutions the page looks the same. but now when screen resolution changes my header moves the footer moves etc... Please review and lend any comments that may help my dilema.

Thank You

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"
<HTML>
<HEAD>
<TITLE>
Manufacturing Reports
</TITLE>

<cfsetting showDebugOutput="no">

<head>


<STYLE type=text/css media=screen,print>
BODY {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px
}
HTML {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px
}
BODY {
min-width: 920px;
}


DIV#headerwrap {
LEFT:-1%; WIDTH: 99.6%; POSITION: absolute; TOP: 0px; HEIGHT:
100px
}
UNKNOWN {
POSITION: fixed
}
DIV#header {
MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 20px
}
DIV#middlewrap {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN-LEFT: 0px; PADDING-TOP: 20px; voice-family: inherit
}
UNKNOWN {
MARGIN-LEFT: 0px
}
DIV#middle {
MARGIN: 0px auto; WIDTH: 98.5%
}
DIV#sidebar {
FLOAT: left; WIDTH: 140px
}
DIV#content {
PADDING-RIGHT: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN-LEFT: 180px; PADDING-TOP: 125px
}
DIV#footerwrap {
LEFT: -1%; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute;
HEIGHT: 3px
}
UNKNOWN {
POSITION: fixed
}
DIV#footer {
MARGIN: 0px auto; WIDTH:99.1%; HEIGHT: 3px
}
BODY {
BACKGROUND: #aaa; COLOR: #000; FONT-FAMILY: "Trebuchet MS",
Georgia, Verdana, serif
}
HTML {
BACKGROUND: #aaa; COLOR: #000; FONT-FAMILY: "Trebuchet MS",
Georgia, Verdana, serif
}
DIV#header {
BACKGROUND: #333; COLOR: #eee
}
DIV#footer {
BACKGROUND: #333; COLOR: #eee
}
DIV#middle {
BACKGROUND: #eee
}
DIV#sidebar {
BACKGROUND: #eee; PADDING-TOP: 75px
}
DIV#content {
BACKGROUND: #fff
}
H1 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px
}
H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px
}
DIV#sidebar H2 {
PADDING-LEFT: 5px
}
DIV#footer H2 {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV #footer P {
PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px;
MARGIN: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV#footer A {
COLOR: #fff
}
H1 {
FONT-SIZE: .5em; PADDING-TOP: 5px; TEXT-ALIGN: center
}
H2 {
MARGIN-TOP: 0px; FONT-SIZE: .5em; PADDING-TOP: 1em; TEXT-ALIGN:
center
}
P {
FONT-SIZE: .5em; MARGIN-BOTTOM: 0px; LINE-HEIGHT: 1.4em
}
PRE {
FONT-SIZE: 0.9em; LINE-HEIGHT: 1.4em
}
UL {
FONT-SIZE: 0.8em; LINE-HEIGHT: 1.4em; TEXT-ALIGN: center
list-style-image: url(bullet.gif);
}


a { text-decoration: none}

.FloatLeft { float: left;
margin-top: 0;
margin-right: 10px;
margin-bottom: 10px;
margin-left: 0;
border: 0px solid #000;
padding: 2px;
}


.FloatRight { float: right;
margin-top: 0;
margin-right: 0;
margin-bottom: 10px;
margin-left: 10px;
border: 0px solid #000;
padding: 2px;
}

</STYLE>

<!--- Drop down --->

<LINK href="ie6.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id=headerwrap>
<DIV id=header>

<CENTER>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="100%" bgColor=#ffffff
border=0>
<TBODY>
<TR>
<TD width="100%">
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TBODY>
<TR>

<TD width="100%">
<P align=center><img src="/mp2/report/bg1a.jpg"
width=75%" height="80"></P>
</TD>


</TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></CENTER>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD width="100%" bgColor=#cccc00>
<CENTER>
<TABLE cellSpacing=0 cellPadding=0 width=100% border=0>
<TBODY>
<TR>
<TD class=navbar
onmouseover="this.style.backgroundColor='#ECEC00';
this.style.cursor='hand';"

onmouseout="this.style.backgroundColor='#CCCC00';"
width=374
bgColor=#cccc00 height=22>
<P align=center>
<a href="side_1_production.cfm" TARGET="content">Mp2
Prodution</a></P>
</TD>
<TD class=navbar
onmouseover="this.style.backgroundColor='#ECEC00';
this.style.cursor='hand';"

onmouseout="this.style.backgroundColor='#CCCC00';"
width=374
bgColor=#cccc00 height=22>
<P align=center>
<a href="side_2_purchasing.cfm" TARGET="content">Mp2
Purchasing</a></P>
</TD>

<TD class=navbar
onmouseover="this.style.backgroundColor='#ECEC00';
this.style.cursor='hand';"
onmouseout="this.style.backgroundColor='#CCCC00';"
width=370
bgColor=#cccc00 height=21>
<P align=center>
<a href="side_4_manufacturing.cfm" TARGET="content">Mp2
Manufacturing</a></P>
</TD>
<TD class=navbar width=1 bgColor=#ffffff height=20></TD>



<TD class=navbar
onmouseover="this.style.backgroundColor='#666666';
this.style.cursor='hand';"
onmouseout="this.style.backgroundColor='#A1A11A';"
width=370
bgColor=#a1a11a height=22>
<P align=center>
<a href="side_3_lvip.cfm" TARGET="content">LVIP</a></P>
</TD>


<TD class=navbar width=1 bgColor=#ffffff height=20></TD>

<TD class=navbar
onmouseover="this.style.backgroundColor='#0668B0';
this.style.cursor='hand';"
onmouseout="this.style.backgroundColor='#A1A11A';"
width=370
bgColor=#a1a11a height=22>
<P align=center><a href="quick_links.cfm" TARGET
="content">Main Page</a></P>
</TD></TR>
<TR>
<TD bgColor=#cccccc colSpan=1 height=1>

</TD></TR></TBODY></TABLE></CENTER></TD></TR></TBODY></TABLE></DIV></DIV>


<DIV id=middlewrap>
<DIV id=middle>
<DIV id=sidebar>

<LAYER src="quick_links.cfm" ID=content WIDTH=178 height=450
LEFT=150>
<IFRAME SRC="quick_links.cfm" name=content SCROLLING=no WIDTH=178
height=450 STYLE="left: 150px" frameborder="0">
</IFRAME>
</LAYER>


</DIV>

<!--- Main content part --->

<DIV id=content>

<ul>
Welcome to the Manufacturing Reports Web
Page<br>
Please make a selection From The Left Hand Menu.
</ul>

<br>

<h1>
Navigate all sites using the menu loacated at the
top of the page.
<br>
<br>

Use the quick links from the main page to view many of the most
accessed reports.

<br> <br> <br>


<a href="javascript:window.external.addFavorite
('','Reports');">
<font color = "red"> Update Your Bookmarks</font></a>






</h1>
 
Sort by date Sort by votes
Do you even understand what your code is doing? What are unknown declarations in css? Why do you use absolute positioning so much? What is a [tt]layer[/tt] and which browser are you supporting there? Your html code is extremely poorly formed. Why do you use two <center> elements one after another? Are you centering center?

I suggest you take a nice standards compliant browser (FF or Mozilla), scrap the site and begin anew, with a simple layout you will build from. Check the behaviour of the new layout often and observe the differences. Keep it simple. The first thing that springs to my mind when looking your code is: forget everything and start with a fresh layout.
 
Upvote 0 Downvote
Is the code you posted even complete? There is no closing body or html tag, so what else is missing?

Also you haven't given the contents of IE6.CSS.

Suggest you use
Code: 
[code][/c[b][/b]ode]
tags when posting (see "Process TGML" link below posting box).

Dan


The answers you get are only as good as the information you give!

 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

bdwilcox
  • Locked
  • Question
More efficient / manageable way to code this HTA w/ VBScript?
Replies
0
Views
362
bdwilcox
bdwilcox
cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
411
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
112
lmcate
lmcate
PeDa
  • Locked
  • Question
Horizontal rule and CSS problem 2
Replies
2
Views
310
PeDa
PeDa
stephane.bouchard2
  • Locked
  • Question
How can you find the html version from source code. 2
Replies
6
Views
184
stephane.bouchard2
stephane.bouchard2

Part and Inventory Search

Sponsor

Back
Top