10 replies [Last post]
Uthred
Offline
newbie
Last seen: 12 years 45 weeks ago
Joined: 2007-12-13
Posts: 5
Points: 0

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;
}

syrupcore
Offline
Enthusiast
Last seen: 11 years 37 weeks ago
Timezone: GMT-8
Joined: 2004-03-10
Posts: 108
Points: 0

I think you pasted the css

I think you pasted the css twice... Smile can you post the html? better yet, a link to a test page?

Uthred
Offline
newbie
Last seen: 12 years 45 weeks ago
Joined: 2007-12-13
Posts: 5
Points: 0

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
%>

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 34 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Uthred
Offline
newbie
Last seen: 12 years 45 weeks ago
Joined: 2007-12-13
Posts: 5
Points: 0

Hopefully 3rd times the

Hopefully 3rd times the charm Wink

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









thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 30 weeks 6 days ago
Joined: 2004-06-30
Posts: 9668
Points: 801

DTD

Did you forget to read the stickies at the top of every forum?

Verschwindende wrote:
  • CSS doesn't make pies

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 34 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

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. Smile

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Uthred
Offline
newbie
Last seen: 12 years 45 weeks ago
Joined: 2007-12-13
Posts: 5
Points: 0

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?

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 34 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

gary.turner
gary.turner's picture
Offline
Moderator
Dallas
Last seen: 4 hours 34 min ago
Dallas
Timezone: GMT-5
Joined: 2004-06-25
Posts: 9772
Points: 3854

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

If your web page is as clever as you can make it, it's probably too clever for you to debug or maintain.

Uthred
Offline
newbie
Last seen: 12 years 45 weeks ago
Joined: 2007-12-13
Posts: 5
Points: 0

Thanks for the help.

Thanks for the help.