N
nightstar
Here is a watered down version of the code including my css file, as i
am just trying to get the proper formatting:
PHP (HTML) File:
<?php include('frontend.php'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link href="statements.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="statement">
<div id="header"><?php dispheader(); ?></div> header displays
all three sections correctly
<div id="statementtitle"><?php statementtype(); ?></div>
statementtitle displays correctly
<div id="outputsection">
<div id="midsection">
<div id="col1">
Col1<br>
Col1<br>
Col1<br>
Col1<br>
Col1
</div>
<div id="col2">
Col2<br>
Col2<br>
Col2<br>
Col2
</div>
</div>
<div id="bottomsection">BOTTOM SECTION</div>
</div>
</div>
</body>
</html>
CSS File:
#statement {
position:absolute;
left:0px;
width:668px;
}
#header {
left:0px;
height:113px;
width:100%;
}
#topleft {
position:absolute;
text-align:left;
left:0px;
width:33%;
}
#topcenter {
position:absolute;
left:33%;
width:34%;
}
#topright {
position:absolute;
text-align:right;
left:67%;
width:33%;
}
#outputsection {
position:absolute;
left:0px;
width:100%;
}
#statementtitle {
position:relative;
padding:5px;
text-decoration:underline;
font:bold 1.2em serif;
text-align:center;
width:100%;
}
#midsection {
position:relative;
width:100%;
}
#col1 {
position:absolute;
left:0;
width:50%;
}
#col2 {
position:absolute;
left:50%;
width:50%;
}
#bottomsection {
width:100%;
}
In the HTML when I display bottom section it does not show up at the
very bottom, it displays overtop of where midsection begins. I need
help organizing this to make it display correctly based upon my first
message in the thread. Most likely the statement needs to look like
this
Header (fixed height based on height of graphic, but would be nice to
have a variable height)
Where I make a call to dispheader() in the PHP there three other
sections printed out here.
<div id="topleft">Stuff Here</div>
<div id="topcenter">Stuff Here</div>
<div id="topright">Stuff Here</div>
Where I make a call to statementtype() in PHP I have
<div id="statementtitle">Title/Type of Statment</div>
Mid Section (variable height)
Bottom Section (variable height)
Sorry about bad formatting with copy and paste.
I have looked over numerous sites with no prevail. Maybe some savvy
person with fresh eyes can find the dumb mistake I have with keeping in
mind IE and Firefox.
Thanks
am just trying to get the proper formatting:
PHP (HTML) File:
<?php include('frontend.php'); ?>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<link href="statements.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="statement">
<div id="header"><?php dispheader(); ?></div> header displays
all three sections correctly
<div id="statementtitle"><?php statementtype(); ?></div>
statementtitle displays correctly
<div id="outputsection">
<div id="midsection">
<div id="col1">
Col1<br>
Col1<br>
Col1<br>
Col1<br>
Col1
</div>
<div id="col2">
Col2<br>
Col2<br>
Col2<br>
Col2
</div>
</div>
<div id="bottomsection">BOTTOM SECTION</div>
</div>
</div>
</body>
</html>
CSS File:
#statement {
position:absolute;
left:0px;
width:668px;
}
#header {
left:0px;
height:113px;
width:100%;
}
#topleft {
position:absolute;
text-align:left;
left:0px;
width:33%;
}
#topcenter {
position:absolute;
left:33%;
width:34%;
}
#topright {
position:absolute;
text-align:right;
left:67%;
width:33%;
}
#outputsection {
position:absolute;
left:0px;
width:100%;
}
#statementtitle {
position:relative;
padding:5px;
text-decoration:underline;
font:bold 1.2em serif;
text-align:center;
width:100%;
}
#midsection {
position:relative;
width:100%;
}
#col1 {
position:absolute;
left:0;
width:50%;
}
#col2 {
position:absolute;
left:50%;
width:50%;
}
#bottomsection {
width:100%;
}
In the HTML when I display bottom section it does not show up at the
very bottom, it displays overtop of where midsection begins. I need
help organizing this to make it display correctly based upon my first
message in the thread. Most likely the statement needs to look like
this
Header (fixed height based on height of graphic, but would be nice to
have a variable height)
Where I make a call to dispheader() in the PHP there three other
sections printed out here.
<div id="topleft">Stuff Here</div>
<div id="topcenter">Stuff Here</div>
<div id="topright">Stuff Here</div>
Where I make a call to statementtype() in PHP I have
<div id="statementtitle">Title/Type of Statment</div>
Mid Section (variable height)
Bottom Section (variable height)
Sorry about bad formatting with copy and paste.
I have looked over numerous sites with no prevail. Maybe some savvy
person with fresh eyes can find the dumb mistake I have with keeping in
mind IE and Firefox.
Thanks
