Thu, 2007-12-13 18:30
The basic layout of the page consists of a title, main and bottom div situated within a container div. The content goes into the main div and the divs together form a box. The content is drawn from a database and thus the size isnt fixed, so I would like the main div to take the overflow, repeat the background and still have the bottom div as a footer. It works fine in IE but in Firefox the content just flows right through the bottom div without causing the main div to repeat or the bottom div to be pushed down.
Code for the page itself
/* CSS Document */
/* Basic Format Considerations */
body {
color: #000000;
font-size: 10px;
line-height: 15px;
font-family: Verdana, sans-serif;
text-align: left;
background: #ece8ed url(graphic/bg.jpg) top center repeat-y;
}
em {font-style:italic;}
strong{font-size: 1.1em;
}
b{color:red; font-size: 1.1em;}
p {
font-size: 10px;
line-height: 17px;
font-family: Verdana, sans-serif;
text-align: left;
margin: 0px;
}
ol {
list-style:lower-latin;
}
a:link {
/*text-decoration: none; */
color: #448EE2;
border: 0;
}
a:visited,
a:visited:hover {
/*text-decoration: none; */
color: #20436A;
border: 0;
}
a:hover,
a:active {
background-color: #f3f3f3;
font-weight: bold;
text-decoration: underline;
color: #FF1721;
border: 0;
}
a:link img {
border: 0;
}
a:visited img {
border: 0;
}
a:hover,
a:active img{
background-color:#ece8ed;
border-bottom:#000000 thick;
}
/* Specific Divs */
.ico{float:left;}
.heading1{font-size: 2em;
line-height:3.5em;
}
.nav1{
font-size: .7em;}
#viewlist {
float:right;
padding: 0px 0px 5px 0px;
}
#break {border-top: 1px solid #000; clear:both;}
#container {
position: relative;
width: 1000px;
height: 1125px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#title {
background: url(graphics/ftoptest.png) top center no-repeat;
width: 900px;
height: 216px;
border-top: 0px;
padding: 0px 0px 0px 0px;
margin-left: 25px;
}
#bottom {
background: url(graphics/frame-bottom.png) top center no-repeat;
width: 900px;
height: 128px;
border-top: 0px;
margin-left: 25px;
padding: 0px 0px 0px 0px;
}
#horr{
background-image:url(graphics/hr.png);
width: 500px;
padding-top:20px;
margin-left: 200px;
}
/*Main*/
#main {
background: url(graphics/frametest.png) top center repeat-y;
width: 900px;
height: 780px;
margin-left: 25px;
overflow: visible;
padding: 0px 0px 0px 0px;
}
#main p {
margin-left: 200px;
margin-right: 200px;
padding-bottom: 6px;
text-align: justify;
}
#main h3{
color: #448EE2;
background-color: #dedddd;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
margin: -10px -10px 4px -10px;
padding: 4px 4px 4px 10px;
}
/* Container for the Menu */
#menu {
position: absolute;
top: 70px;
left: 0px;
width: 180px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:visible;
}
#menu2 {
position: absolute;
top: 70px;
left: 783px;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:visible;
}
/*Sub menu containers*/
#submenu {
top: 218px;
width: 180px;
overflow:hidden;
}
#submenu1 {
top: 218px;
width: 200px;
overflow:hidden;
}
and heres the css
/* CSS Document */
/* Basic Format Considerations */
body {
color: #000000;
font-size: 10px;
line-height: 15px;
font-family: Verdana, sans-serif;
text-align: left;
background: #ece8ed url(graphic/bg.jpg) top center repeat-y;
}
em {font-style:italic;}
strong{font-size: 1.1em;
}
b{color:red; font-size: 1.1em;}
p {
font-size: 10px;
line-height: 17px;
font-family: Verdana, sans-serif;
text-align: left;
margin: 0px;
}
ol {
list-style:lower-latin;
}
a:link {
/*text-decoration: none; */
color: #448EE2;
border: 0;
}
a:visited,
a:visited:hover {
/*text-decoration: none; */
color: #20436A;
border: 0;
}
a:hover,
a:active {
background-color: #f3f3f3;
font-weight: bold;
text-decoration: underline;
color: #FF1721;
border: 0;
}
a:link img {
border: 0;
}
a:visited img {
border: 0;
}
a:hover,
a:active img{
background-color:#ece8ed;
border-bottom:#000000 thick;
}
/* Specific Divs */
.ico{float:left;}
.heading1{font-size: 2em;
line-height:3.5em;
}
.nav1{
font-size: .7em;}
#viewlist {
float:right;
padding: 0px 0px 5px 0px;
}
#break {border-top: 1px solid #000; clear:both;}
#container {
position: relative;
width: 1000px;
height: 1125px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
}
#title {
background: url(graphics/ftoptest.png) top center no-repeat;
width: 900px;
height: 216px;
border-top: 0px;
padding: 0px 0px 0px 0px;
margin-left: 25px;
}
#bottom {
background: url(graphics/frame-bottom.png) top center no-repeat;
width: 900px;
height: 128px;
border-top: 0px;
margin-left: 25px;
padding: 0px 0px 0px 0px;
}
#horr{
background-image:url(graphics/hr.png);
width: 500px;
padding-top:20px;
margin-left: 200px;
}
/*Main*/
#main {
background: url(graphics/frametest.png) top center repeat-y;
width: 900px;
height: 780px;
margin-left: 25px;
overflow: visible;
padding: 0px 0px 0px 0px;
}
#main p {
margin-left: 200px;
margin-right: 200px;
padding-bottom: 6px;
text-align: justify;
}
#main h3{
color: #448EE2;
background-color: #dedddd;
font-size: 14px;
line-height: 16px;
text-transform: uppercase;
margin: -10px -10px 4px -10px;
padding: 4px 4px 4px 10px;
}
/* Container for the Menu */
#menu {
position: absolute;
top: 70px;
left: 0px;
width: 180px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:visible;
}
#menu2 {
position: absolute;
top: 70px;
left: 783px;
width: 200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
overflow:visible;
}
/*Sub menu containers*/
#submenu {
top: 218px;
width: 180px;
overflow:hidden;
}
#submenu1 {
top: 218px;
width: 200px;
overflow:hidden;
}
Thu, 2007-12-13 19:14
#1
I think you pasted the css
I think you pasted the css twice... 
can you post the html? better yet, a link to a test page?
Thu, 2007-12-13 19:31
#2
Ah so I did, here's the
Ah so I did, here's the html. I'll try and post a test page when I get home
<%@LANGUAGE="VBSCRIPT"%>
<%
Dim rs_fullColumn__MMColParam
rs_fullColumn__MMColParam = "1"
If (Request.QueryString("bCat") <> "") Then
rs_fullColumn__MMColParam = Request.QueryString("bCat")
End If
%>
<%
Dim rs_fullColumn
Dim rs_fullColumn_cmd
Dim rs_fullColumn_numRows
Set rs_fullColumn_cmd = Server.CreateObject ("ADODB.Command")
rs_fullColumn_cmd.ActiveConnection = MM_main_con_STRING
rs_fullColumn_cmd.CommandText = "SELECT * FROM bMain WHERE bCat = ? ORDER BY bDate DESC"
rs_fullColumn_cmd.Prepared = true
rs_fullColumn_cmd.Parameters.Append rs_fullColumn_cmd.CreateParameter("param1", 5, 1, -1, rs_fullColumn__MMColParam) ' adDouble
Set rs_fullColumn = rs_fullColumn_cmd.Execute
rs_fullColumn_numRows = 0
%>
<%
Dim Repeat1__numRows
Dim Repeat1__index
Repeat1__numRows = -1
Repeat1__index = 0
rs_fullColumn_numRows = rs_fullColumn_numRows + Repeat1__numRows
%>
<%
Dim MM_paramName
%>
<%
' *** Go To Record and Move To Record: create strings for maintaining URL and Form parameters
Dim MM_keepNone
Dim MM_keepURL
Dim MM_keepForm
Dim MM_keepBoth
Dim MM_removeList
Dim MM_item
Dim MM_nextItem
' create the list of parameters which should not be maintained
MM_removeList = "&index="
If (MM_paramName <> "") Then
MM_removeList = MM_removeList & "&" & MM_paramName & "="
End If
MM_keepURL=""
MM_keepForm=""
MM_keepBoth=""
MM_keepNone=""
' add the URL parameters to the MM_keepURL string
For Each MM_item In Request.QueryString
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
MM_keepURL = MM_keepURL & MM_nextItem & Server.URLencode(Request.QueryString(MM_item))
End If
Next
' add the Form variables to the MM_keepForm string
For Each MM_item In Request.Form
MM_nextItem = "&" & MM_item & "="
If (InStr(1,MM_removeList,MM_nextItem,1) = 0) Then
MM_keepForm = MM_keepForm & MM_nextItem & Server.URLencode(Request.Form(MM_item))
End If
Next
' create the Form + URL string and remove the intial '&' from each of the strings
MM_keepBoth = MM_keepURL & MM_keepForm
If (MM_keepBoth <> "") Then
MM_keepBoth = Right(MM_keepBoth, Len(MM_keepBoth) - 1)
End If
If (MM_keepURL <> "") Then
MM_keepURL = Right(MM_keepURL, Len(MM_keepURL) - 1)
End If
If (MM_keepForm <> "") Then
MM_keepForm = Right(MM_keepForm, Len(MM_keepForm) - 1)
End If
' a utility function used for adding additional parameters to these strings
Function MM_joinChar(firstItem)
If (firstItem <> "") Then
MM_joinChar = "&"
Else
MM_joinChar = ""
End If
End Function
%>
Temple of Mick
@import "master.css";
<%
While ((Repeat1__numRows <> 0) AND (NOT rs_fullColumn.EOF))
%>
<%=(rs_fullColumn.Fields.Item("bIcon").Value)%>
<%=(rs_fullColumn.Fields.Item("bSubject").Value)%>
<%=(rs_fullColumn.Fields.Item("bContent").Value)%>
listening to: <%=(rs_fullColumn.Fields.Item("bListen").Value)%>
<%
Repeat1__index=Repeat1__index+1
Repeat1__numRows=Repeat1__numRows-1
rs_fullColumn.MoveNext()
Wend
%>
<%
rs_fullColumn.Close()
Set rs_fullColumn = Nothing
%>
Thu, 2007-12-13 20:13
#3
When posting here, we don't
When posting here, we don't need, and can't use the server side scripting. What we do need is the document as seen by the browser, the server output.
The simplest way to give us that is to open the page in your browser, view source and copy/paste to the forum.
cheers,
gary/mod
Thu, 2007-12-13 20:34
#4
Hopefully 3rd times the
Hopefully 3rd times the charm 
Temple of Mick
@import "master.css";
Test 5
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus condimentum dictum ipsum. Ut sed ligula. Donec justo turpis, aliquet sed, laoreet eget, pulvinar sed, est. Morbi dolor leo, ornare iaculis, commodo non, suscipit et, est. Vestibulum ut nunc. Aenean quis nunc ac justo tincidunt fringilla. Sed vehicula massa vitae nulla. Etiam vulputate. Vestibulum et magna eu mauris nonummy nonummy. Donec in mauris nec odio vestibulum tincidunt. Aliquam placerat ante sit amet mi. Nulla ornare elementum velit. Etiam consequat pede aliquam purus. Curabitur nisi turpis, condimentum non, sodales at, condimentum non, nisl. Nulla in tortor sed nunc vehicula auctor. Integer risus mi, tincidunt porttitor, commodo non, fringilla rhoncus, lorem. Curabitur ipsum.
Integer suscipit pharetra neque. Vivamus leo nisl, malesuada cursus, tempor et, egestas nec, purus. Morbi nibh purus, dictum pretium, scelerisque vitae, ultrices vitae, erat. Cras blandit enim id urna. Nunc id tellus. Suspendisse diam quam, aliquet aliquet, rhoncus quis, tincidunt a, turpis. Morbi consequat fermentum ante. Nam lacus. Pellentesque et eros ut metus sagittis iaculis. Aliquam dapibus odio ut odio.
Maecenas nec est. Sed posuere bibendum nisl. Donec mattis. Vivamus tortor odio, consequat non, sollicitudin et, dictum id, nisl. Aliquam id magna eget est nonummy iaculis. Cras vitae lectus ut tortor tempus posuere. Quisque et pede. Ut elementum orci ac ipsum. Quisque vulputate facilisis elit. Curabitur nec risus eu lectus pharetra consequat. Vivamus ultricies nisl vel metus. Duis eget nulla bibendum lacus laoreet sagittis. Sed pellentesque ullamcorper risus. Integer laoreet semper felis. Pellentesque iaculis enim ut purus congue porta. Phasellus urna purus, luctus in, euismod vel, adipiscing interdum, nibh. Donec eget nulla id justo molestie facilisis.
Mauris pulvinar. Donec est risus, semper a, auctor nec, commodo at, erat. Aenean consequat mattis tortor. Vestibulum laoreet ligula id enim. In sed tellus. Nulla facilisi. In velit. Nunc leo orci, blandit nec, tristique at, gravida et, velit. Nullam volutpat interdum libero. Proin sodales diam ac arcu. Maecenas eu mauris eu quam vestibulum pellentesque. Ut porttitor, eros vitae hendrerit feugiat, diam ligula ultrices libero, nec ultrices neque dolor sodales velit. Sed interdum elementum felis. Maecenas lorem lacus, pulvinar ut, scelerisque eget, accumsan vel, ante. Donec porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse eget neque nec tellus feugiat ullamcorper. Pellentesque tristique eros sed mi. Donec odio felis, rhoncus nec, laoreet sit amet, ultricies at, ante.
listening to: Balh-Blah
Test 4
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus condimentum dictum ipsum. Ut sed ligula. Donec justo turpis, aliquet sed, laoreet eget, pulvinar sed, est. Morbi dolor leo, ornare iaculis, commodo non, suscipit et, est. Vestibulum ut nunc. Aenean quis nunc ac justo tincidunt fringilla. Sed vehicula massa vitae nulla. Etiam vulputate. Vestibulum et magna eu mauris nonummy nonummy. Donec in mauris nec odio vestibulum tincidunt. Aliquam placerat ante sit amet mi. Nulla ornare elementum velit. Etiam consequat pede aliquam purus. Curabitur nisi turpis, condimentum non, sodales at, condimentum non, nisl. Nulla in tortor sed nunc vehicula auctor. Integer risus mi, tincidunt porttitor, commodo non, fringilla rhoncus, lorem. Curabitur ipsum.
Integer suscipit pharetra neque. Vivamus leo nisl, malesuada cursus, tempor et, egestas nec, purus. Morbi nibh purus, dictum pretium, scelerisque vitae, ultrices vitae, erat. Cras blandit enim id urna. Nunc id tellus. Suspendisse diam quam, aliquet aliquet, rhoncus quis, tincidunt a, turpis. Morbi consequat fermentum ante. Nam lacus. Pellentesque et eros ut metus sagittis iaculis. Aliquam dapibus odio ut odio.
Maecenas nec est. Sed posuere bibendum nisl. Donec mattis. Vivamus tortor odio, consequat non, sollicitudin et, dictum id, nisl. Aliquam id magna eget est nonummy iaculis. Cras vitae lectus ut tortor tempus posuere. Quisque et pede. Ut elementum orci ac ipsum. Quisque vulputate facilisis elit. Curabitur nec risus eu lectus pharetra consequat. Vivamus ultricies nisl vel metus. Duis eget nulla bibendum lacus laoreet sagittis. Sed pellentesque ullamcorper risus. Integer laoreet semper felis. Pellentesque iaculis enim ut purus congue porta. Phasellus urna purus, luctus in, euismod vel, adipiscing interdum, nibh. Donec eget nulla id justo molestie facilisis.
Mauris pulvinar. Donec est risus, semper a, auctor nec, commodo at, erat. Aenean consequat mattis tortor. Vestibulum laoreet ligula id enim. In sed tellus. Nulla facilisi. In velit. Nunc leo orci, blandit nec, tristique at, gravida et, velit. Nullam volutpat interdum libero. Proin sodales diam ac arcu. Maecenas eu mauris eu quam vestibulum pellentesque. Ut porttitor, eros vitae hendrerit feugiat, diam ligula ultrices libero, nec ultrices neque dolor sodales velit. Sed interdum elementum felis. Maecenas lorem lacus, pulvinar ut, scelerisque eget, accumsan vel, ante. Donec porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse eget neque nec tellus feugiat ullamcorper. Pellentesque tristique eros sed mi. Donec odio felis, rhoncus nec, laoreet sit amet, ultricies at, ante.
listening to: Balh-Blah
Test 3
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus condimentum dictum ipsum. Ut sed ligula. Donec justo turpis, aliquet sed, laoreet eget, pulvinar sed, est. Morbi dolor leo, ornare iaculis, commodo non, suscipit et, est. Vestibulum ut nunc. Aenean quis nunc ac justo tincidunt fringilla. Sed vehicula massa vitae nulla. Etiam vulputate. Vestibulum et magna eu mauris nonummy nonummy. Donec in mauris nec odio vestibulum tincidunt. Aliquam placerat ante sit amet mi. Nulla ornare elementum velit. Etiam consequat pede aliquam purus. Curabitur nisi turpis, condimentum non, sodales at, condimentum non, nisl. Nulla in tortor sed nunc vehicula auctor. Integer risus mi, tincidunt porttitor, commodo non, fringilla rhoncus, lorem. Curabitur ipsum.
Integer suscipit pharetra neque. Vivamus leo nisl, malesuada cursus, tempor et, egestas nec, purus. Morbi nibh purus, dictum pretium, scelerisque vitae, ultrices vitae, erat. Cras blandit enim id urna. Nunc id tellus. Suspendisse diam quam, aliquet aliquet, rhoncus quis, tincidunt a, turpis. Morbi consequat fermentum ante. Nam lacus. Pellentesque et eros ut metus sagittis iaculis. Aliquam dapibus odio ut odio.
Maecenas nec est. Sed posuere bibendum nisl. Donec mattis. Vivamus tortor odio, consequat non, sollicitudin et, dictum id, nisl. Aliquam id magna eget est nonummy iaculis. Cras vitae lectus ut tortor tempus posuere. Quisque et pede. Ut elementum orci ac ipsum. Quisque vulputate facilisis elit. Curabitur nec risus eu lectus pharetra consequat. Vivamus ultricies nisl vel metus. Duis eget nulla bibendum lacus laoreet sagittis. Sed pellentesque ullamcorper risus. Integer laoreet semper felis. Pellentesque iaculis enim ut purus congue porta. Phasellus urna purus, luctus in, euismod vel, adipiscing interdum, nibh. Donec eget nulla id justo molestie facilisis.
Mauris pulvinar. Donec est risus, semper a, auctor nec, commodo at, erat. Aenean consequat mattis tortor. Vestibulum laoreet ligula id enim. In sed tellus. Nulla facilisi. In velit. Nunc leo orci, blandit nec, tristique at, gravida et, velit. Nullam volutpat interdum libero. Proin sodales diam ac arcu. Maecenas eu mauris eu quam vestibulum pellentesque. Ut porttitor, eros vitae hendrerit feugiat, diam ligula ultrices libero, nec ultrices neque dolor sodales velit. Sed interdum elementum felis. Maecenas lorem lacus, pulvinar ut, scelerisque eget, accumsan vel, ante. Donec porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse eget neque nec tellus feugiat ullamcorper. Pellentesque tristique eros sed mi. Donec odio felis, rhoncus nec, laoreet sit amet, ultricies at, ante.
listening to: Balh-Blah
Test 2
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus condimentum dictum ipsum. Ut sed ligula. Donec justo turpis, aliquet sed, laoreet eget, pulvinar sed, est. Morbi dolor leo, ornare iaculis, commodo non, suscipit et, est. Vestibulum ut nunc. Aenean quis nunc ac justo tincidunt fringilla. Sed vehicula massa vitae nulla. Etiam vulputate. Vestibulum et magna eu mauris nonummy nonummy. Donec in mauris nec odio vestibulum tincidunt. Aliquam placerat ante sit amet mi. Nulla ornare elementum velit. Etiam consequat pede aliquam purus. Curabitur nisi turpis, condimentum non, sodales at, condimentum non, nisl. Nulla in tortor sed nunc vehicula auctor. Integer risus mi, tincidunt porttitor, commodo non, fringilla rhoncus, lorem. Curabitur ipsum.
Integer suscipit pharetra neque. Vivamus leo nisl, malesuada cursus, tempor et, egestas nec, purus. Morbi nibh purus, dictum pretium, scelerisque vitae, ultrices vitae, erat. Cras blandit enim id urna. Nunc id tellus. Suspendisse diam quam, aliquet aliquet, rhoncus quis, tincidunt a, turpis. Morbi consequat fermentum ante. Nam lacus. Pellentesque et eros ut metus sagittis iaculis. Aliquam dapibus odio ut odio.
Maecenas nec est. Sed posuere bibendum nisl. Donec mattis. Vivamus tortor odio, consequat non, sollicitudin et, dictum id, nisl. Aliquam id magna eget est nonummy iaculis. Cras vitae lectus ut tortor tempus posuere. Quisque et pede. Ut elementum orci ac ipsum. Quisque vulputate facilisis elit. Curabitur nec risus eu lectus pharetra consequat. Vivamus ultricies nisl vel metus. Duis eget nulla bibendum lacus laoreet sagittis. Sed pellentesque ullamcorper risus. Integer laoreet semper felis. Pellentesque iaculis enim ut purus congue porta. Phasellus urna purus, luctus in, euismod vel, adipiscing interdum, nibh. Donec eget nulla id justo molestie facilisis.
Mauris pulvinar. Donec est risus, semper a, auctor nec, commodo at, erat. Aenean consequat mattis tortor. Vestibulum laoreet ligula id enim. In sed tellus. Nulla facilisi. In velit. Nunc leo orci, blandit nec, tristique at, gravida et, velit. Nullam volutpat interdum libero. Proin sodales diam ac arcu. Maecenas eu mauris eu quam vestibulum pellentesque. Ut porttitor, eros vitae hendrerit feugiat, diam ligula ultrices libero, nec ultrices neque dolor sodales velit. Sed interdum elementum felis. Maecenas lorem lacus, pulvinar ut, scelerisque eget, accumsan vel, ante. Donec porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse eget neque nec tellus feugiat ullamcorper. Pellentesque tristique eros sed mi. Donec odio felis, rhoncus nec, laoreet sit amet, ultricies at, ante.
listening to: Balh-Blah
Test 1
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Phasellus condimentum dictum ipsum. Ut sed ligula. Donec justo turpis, aliquet sed, laoreet eget, pulvinar sed, est. Morbi dolor leo, ornare iaculis, commodo non, suscipit et, est. Vestibulum ut nunc. Aenean quis nunc ac justo tincidunt fringilla. Sed vehicula massa vitae nulla. Etiam vulputate. Vestibulum et magna eu mauris nonummy nonummy. Donec in mauris nec odio vestibulum tincidunt. Aliquam placerat ante sit amet mi. Nulla ornare elementum velit. Etiam consequat pede aliquam purus. Curabitur nisi turpis, condimentum non, sodales at, condimentum non, nisl. Nulla in tortor sed nunc vehicula auctor. Integer risus mi, tincidunt porttitor, commodo non, fringilla rhoncus, lorem. Curabitur ipsum.
Integer suscipit pharetra neque. Vivamus leo nisl, malesuada cursus, tempor et, egestas nec, purus. Morbi nibh purus, dictum pretium, scelerisque vitae, ultrices vitae, erat. Cras blandit enim id urna. Nunc id tellus. Suspendisse diam quam, aliquet aliquet, rhoncus quis, tincidunt a, turpis. Morbi consequat fermentum ante. Nam lacus. Pellentesque et eros ut metus sagittis iaculis. Aliquam dapibus odio ut odio.
Maecenas nec est. Sed posuere bibendum nisl. Donec mattis. Vivamus tortor odio, consequat non, sollicitudin et, dictum id, nisl. Aliquam id magna eget est nonummy iaculis. Cras vitae lectus ut tortor tempus posuere. Quisque et pede. Ut elementum orci ac ipsum. Quisque vulputate facilisis elit. Curabitur nec risus eu lectus pharetra consequat. Vivamus ultricies nisl vel metus. Duis eget nulla bibendum lacus laoreet sagittis. Sed pellentesque ullamcorper risus. Integer laoreet semper felis. Pellentesque iaculis enim ut purus congue porta. Phasellus urna purus, luctus in, euismod vel, adipiscing interdum, nibh. Donec eget nulla id justo molestie facilisis.
Mauris pulvinar. Donec est risus, semper a, auctor nec, commodo at, erat. Aenean consequat mattis tortor. Vestibulum laoreet ligula id enim. In sed tellus. Nulla facilisi. In velit. Nunc leo orci, blandit nec, tristique at, gravida et, velit. Nullam volutpat interdum libero. Proin sodales diam ac arcu. Maecenas eu mauris eu quam vestibulum pellentesque. Ut porttitor, eros vitae hendrerit feugiat, diam ligula ultrices libero, nec ultrices neque dolor sodales velit. Sed interdum elementum felis. Maecenas lorem lacus, pulvinar ut, scelerisque eget, accumsan vel, ante. Donec porta. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Suspendisse eget neque nec tellus feugiat ullamcorper. Pellentesque tristique eros sed mi. Donec odio felis, rhoncus nec, laoreet sit amet, ultricies at, ante.
listening to: Balh-Blah
Test 5
Test 4
Test 3
Test 2
Test 1
Test 5
Test 4
Test 3
Test 2
Test 1
Test 5
Test 4
Test 3
Test 2
Test 1
Test 5
Test 4
Test 3
Test 2
Test 1
Year Zero, Day Zero
Day 43
Day 42
Day 31
Day 18 - 30
Thu, 2007-12-13 22:50
#5
DTD
Did you forget to read the stickies at the top of every forum?
Thu, 2007-12-13 23:56
#6
The point TPH is making[1]
The point TPH is making[1] is that if you fail to use a complete and proper DTD, IE will use an obsolete, buggier and even less standard rendering engine than its current engine.
This "quirks mode" rendering makes it very difficult to to attain x-browser compatibility. Hey, it's hard enough to work around IE's shortcomings as is, without adding issues.
cheers,
gary
[1] That, and that you really should study the forums' rules and expectations.
Fri, 2007-12-14 01:27
#7
Ah, my mistake, I should
Ah, my mistake, I should have mentioned that I did indeed read the posting guidelines and tested the page out with the correct doctype declared but it didnt change the behaviour in the least.
Here's a quick test page showing the issue
http://www.templeofmick.com/column.asp?bCat=4
When displayed in IE6 it displays like I want it to but in Firefox it "bleeds" over other divs. Is it perhaps that Firefox is displaying it properly and its just coincidental that IE's non-compliant display of it is what I want?
Fri, 2007-12-14 01:52
#8
Yup. Firefox is rendering
Yup. Firefox is rendering as you coded. A sportswriter, many years ago wrote, loosely, the race doesn't always go to the swiftest, nor the fight to the strongest, but that's the way to bet. You will not go broke betting on Firefox's rendering over IE's.
#main { /*master.css (line 126)*/
background: transparent url(graphics/frametest.png) repeat-y scroll center top;
height: 780px;
margin-left: 25px;
overflow: visible;
padding: 0px;
width: 900px;
}Remove the height property and all is copacetic. IE, totally against all logic, expands even defined dimensions to enclose its content.
cheers,
gary
Fri, 2007-12-14 02:21
#9
OK, I had to look it
OK, I had to look it up.
Damon Runyon wrote:
The race is not always to the swift nor the battle to the strong -- but that's the way to bet it.
Always liked that one.
cheers,
gary
Fri, 2007-12-14 10:28
#10
Thanks for the help.
Thanks for the help.