16 replies [Last post]
preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Hello all this is my first CSS post on this site and appreciate all those who contribute to helping others. I am venturing out of the world of tables and I have been experiencing a load of problems hope someone can help with the following

I have created the menu in this html code and I want it to sit in the column below the header, and flush against the bottom of the header and the maincontent leaving no gaps.
Each time I insert it into the column, it widens the column, I have adjusted the height of the column holding the menu, but it just keeps widening. I have also tried putting it inside the header to sit at the bottom with no luck. Any ideas and suggestion will be appreciated.

Here are the Css and html

Faith In Messiah Ministries



 


 


Faith In Messiah Ministries









  • Customers

  • Members

  • Dealers

  • Distributors








hgfhd ml





body { background-image: url(file:///C|/web project/2007/FIMM/gradients/1-800.png); background-repeat: repeat-x; padding: 0px; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; background-image: url(../../../Documents%20and%20Settings/Kayode/My%20Documents/777%20Customers/1-800.png); }

links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFCC;
background-color: #00CCCC;
}

div#head_about {
background-color:#FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-decoration: blink;
color: #000000;
font-variant: normal;
text-transform: capitalize;
position:fixed;
left:auto;
top:auto;
background-repeat: no-repeat;
width: 400px;
text-align: left;
}

div#header h1 {
margin-top:0px;
left: 50px;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #000000;
background-color: #FFFFFF;
}
div#promo1 {
position:absolute;
width:250px;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 125px;
padding-top: 0.5em;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 240px;
border-left-color: #CCCCCC;
border-left-width: thin;
left: 426px;
}

div#content {
padding:: 0 1em;
color:#99ccff;
background-color: #FFFFFF;
margin-top: 45px;
margin-right: 100;
margin-bottom: auto;
margin-left: 150px;
position: absolute;
height: 600px;
width: auto;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
top: 160px;
left: 3px;
font-weight: 200;
right: 30px;
clip: rect(auto,auto,auto,auto);
padding: 0px;
border: thin solid #FFFFCC;
}

div#mainbody{
padding:: 0 1em;
color:#000000;
background-color: #FFFFFF;
position: absolute;
width: 450px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
left: 50px;
top: 255px;
text-align: justify;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
margin-right: 10px;
margin-left: 20px;
}
div#content2 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: auto;
padding-top: 1px;
list-style-type: none;
top: 110px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
div#content3 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: 678px;
padding-top: 1px;
list-style-type: none;
top: 375px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

div#content p {
font-size:.8em;
color:#d9aa07;
height: auto;
width: 795px;
}
div#content li {font-size:.75em;
}
div#services{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-variant: normal;
text-transform: none;
width: 148px;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;
}
div#services_1{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFCC00;
font-variant: normal;
text-transform: none;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;}

div#banner
{
margin-left: 80px;
width: auto;
}
div#listcontainer
{
list-style-type:disc;
font-size:16px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color: #FF0000
list-style-position: inside;
}
div#table_men
{
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
background-image: ;
text-align: right;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #F18D0A;
color: #000000;
}

div#testkay {
padding:: 0 1em;
color:#333333;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
div#testkay1 {
padding:: 0 1em;
color:#000000;
margin-top: 0px;
margin-left: 65px;
position: relative;
height: 100px;
width: 300px;
list-style-type: none;
top: -600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
padding: 1px;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
left: 400px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}

#maintable {
border: 1px solid #FFFFCC;
/*/*/line-height: 1.5em;
}

#maintable td {
padding: 20px;
}
#maincontent {

font-size: 14px;
/*/*/font-size: 100%; /* */
width: 400px;
background-color: #FFFFFF;
vertical-align: top;
background-position: center;
border-left: 2px dotted #CC0000
border-left-color: #333;
}
#sidebar {
width: 400px;
font-size: 12px
/*/*/font-size: 85%; /* */

}
#header {
background-color: #99CCFF;
color: #FFFFCC;

background-image: url (csst_bg.gif);
margin-top: 0px;
height:90px;
width: 795px;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
}
#footer {

background-color: #333333;
color: #CCCCCC;
background-image: url (csst_bg.gif);
}

div#about_table {
padding:: 0 1em;
color:#333333;
height: auto;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
position: relative;
}
div#header_text {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-style: normal;
color: #FFFF99;
text-align: left;
}
#menubar {
background-color: #CC3333;
color: #FFFFCC;
}

* {margin:0; padding:0;}

div#listmenu {
float:left;
border-top:1px solid #069;
border-bottom:1px solid #069;
font-size:0.8em;
background-color:#99CCFF;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
width: 100%;
}
div#listmenu ul { margin:0 0 0 30px;
border:1px solid #fff;
}

div#listmenu li {
float:left;
background-color:#99CCFF;
list-style-type: none;
border-right:1px solid #FFF;

}

div#listmenu a {
padding:0 6px;
text-decoration:none;
color:#069;
}

div#listmenu a:hover {
color:#FFF;
}

div#listmenu li:first-child {
border-left:1px solid #CCCCFF;
}

* html div#listmenu ul {
float:left;
border-left:1px solid #000;
margin-left:15px
}


Thanks for your time

thepineapplehead
thepineapplehead's picture
Offline
Guru
Last seen: 7 weeks 1 day ago
Joined: 2004-06-30
Posts: 9674
Points: 810

Your doctype is mangled,

Your doctype is mangled, could you fix it before we continue?

Verschwindende wrote:
  • CSS doesn't make pies

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Oops! sorry was playing

Oops! sorry was playing around with different doctypes and left that one.

Faith In Messiah Ministries



 


 


Faith In Messiah Ministries








  • Customers

  • Members

  • Dealers

  • Distributors













About Faith In Messiah Ministries



We are a ministry that exists to equip the body of Christ to prepare for the great awakening. We encourage Christians to walk in obedience and Faith and not to let fear or circumstances stop them from entering into the fullness that the Lord has called them to.


































Get Spiritually refreshed daily receive our weekly devotionals here





 

body { background-image: url(file:///C|/web project/2007/FIMM/gradients/1-800.png); background-repeat: repeat-x; padding: 0px; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; background-image: url(../../../Documents%20and%20Settings/Kayode/My%20Documents/777%20Customers/1-800.png); }

links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFCC;
background-color: #00CCCC;
}

div#head_about {
background-color:#FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-decoration: blink;
color: #000000;
font-variant: normal;
text-transform: capitalize;
position:fixed;
left:auto;
top:auto;
background-repeat: no-repeat;
width: 400px;
text-align: left;
}

div#header h1 {
margin-top:0px;
left: 50px;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #000000;
background-color: #FFFFFF;
}
div#promo1 {
position:absolute;
width:250px;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 125px;
padding-top: 0.5em;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 240px;
border-left-color: #CCCCCC;
border-left-width: thin;
left: 426px;
}

div#content {
padding:: 0 1em;
color:#99ccff;
background-color: #FFFFFF;
margin-top: 45px;
margin-right: 100;
margin-bottom: auto;
margin-left: 150px;
position: absolute;
height: 600px;
width: auto;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
top: 160px;
left: 3px;
font-weight: 200;
right: 30px;
clip: rect(auto,auto,auto,auto);
padding: 0px;
border: thin solid #FFFFCC;
}

div#mainbody{
padding:: 0 1em;
color:#000000;
background-color: #FFFFFF;
position: absolute;
width: 450px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
left: 50px;
top: 255px;
text-align: justify;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
margin-right: 10px;
margin-left: 20px;
}
div#content2 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: auto;
padding-top: 1px;
list-style-type: none;
top: 110px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
div#content3 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: 678px;
padding-top: 1px;
list-style-type: none;
top: 375px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

div#content p {
font-size:.8em;
color:#d9aa07;
height: auto;
width: 795px;
}
div#content li {font-size:.75em;
}
div#services{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-variant: normal;
text-transform: none;
width: 148px;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;
}
div#services_1{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFCC00;
font-variant: normal;
text-transform: none;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;}

div#banner
{
margin-left: 80px;
width: auto;
}
div#listcontainer
{
list-style-type:disc;
font-size:16px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color: #FF0000
list-style-position: inside;
}
div#table_men
{
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
background-image: ;
text-align: right;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #F18D0A;
color: #000000;
}

div#testkay {
padding:: 0 1em;
color:#333333;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
div#testkay1 {
padding:: 0 1em;
color:#000000;
margin-top: 0px;
margin-left: 65px;
position: relative;
height: 100px;
width: 300px;
list-style-type: none;
top: -600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
padding: 1px;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
left: 400px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}

#maintable {
border: 1px solid #FFFFCC;
/*/*/line-height: 1.5em; /* */
width: 795px;
}

#maintable td {
padding: 20px;
}
#maincontent {

font-size: 14px;
/*/*/font-size: 100%; /* */
width: 400px;
background-color: #FFFFFF;
vertical-align: top;
background-position: center;
border-left-color: #333;
}
#sidebar {
width: 795px;

font-size: 12px
/*/*/font-size: 85%; /* */
background-color: #FFFFFF;
}
#header {
background-color: #99CCFF;
color: #FFFFCC;

background-image: url (csst_bg.gif);
margin-top: 0px;
height:90px;
width: 795px;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
text-align: left;
vertical-align: baseline;
}
#footer {

background-color: #333333;
color: #CCCCCC;
background-image: url (csst_bg.gif);
}

div#about_table {
padding:: 0 1em;
color:#333333;
height: auto;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
position: relative;
}
div#header_text {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-style: normal;
color: #FFFF99;
text-align: left;
}
#menubar {
background-color: #CC3333;
color: #FFFFCC;
height: 20px;
width: 795px;
}

* {margin:0; padding:0;}

div#listmenu {
width:100%;
float:left;
border-top:1px solid #069;
border-bottom:1px solid #069;
font-size:0.8em;
background-color:#99CCFF;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
margin-top: 20px;
}
div#listmenu ul { margin:0 0 0 30px;
border:1px solid #fff;
}

div#listmenu li {
float:left;
background-color:#99CCFF;
list-style-type: none;
border-right:1px solid #FFF;

}

div#listmenu a {
padding:0 6px;
text-decoration:none;
color:#069;
}

div#listmenu a:hover {
color:#FFF;
}

div#listmenu li:first-child {
border-left:1px solid #CCCCFF;
}

* html div#listmenu ul {
float:left;
border-left:1px solid #000;
margin-left:15px
}

* html a (display:block;}

Edited by CT: Can you use the code tags please?

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Faith In Messiah Ministries

Faith In Messiah Ministries



 


 


Faith In Messiah Ministries








  • Customers

  • Members

  • Dealers

  • Distributors













About Faith In Messiah Ministries



We are a ministry that exists to equip the body of Christ to prepare for the great awakening. We encourage Christians to walk in obedience and Faith and not to let fear or circumstances stop them from entering into the fullness that the Lord has called them to.


































Get Spiritually refreshed daily receive our weekly devotionals here





 

body { background-image: url(file:///C|/web project/2007/FIMM/gradients/1-800.png); background-repeat: repeat-x; padding: 0px; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; background-image: url(../../../Documents%20and%20Settings/Kayode/My%20Documents/777%20Customers/1-800.png); }

links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFCC;
background-color: #00CCCC;
}

div#head_about {
background-color:#FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-decoration: blink;
color: #000000;
font-variant: normal;
text-transform: capitalize;
position:fixed;
left:auto;
top:auto;
background-repeat: no-repeat;
width: 400px;
text-align: left;
}

div#header h1 {
margin-top:0px;
left: 50px;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #000000;
background-color: #FFFFFF;
}
div#promo1 {
position:absolute;
width:250px;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 125px;
padding-top: 0.5em;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 240px;
border-left-color: #CCCCCC;
border-left-width: thin;
left: 426px;
}

div#content {
padding:: 0 1em;
color:#99ccff;
background-color: #FFFFFF;
margin-top: 45px;
margin-right: 100;
margin-bottom: auto;
margin-left: 150px;
position: absolute;
height: 600px;
width: auto;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
top: 160px;
left: 3px;
font-weight: 200;
right: 30px;
clip: rect(auto,auto,auto,auto);
padding: 0px;
border: thin solid #FFFFCC;
}

div#mainbody{
padding:: 0 1em;
color:#000000;
background-color: #FFFFFF;
position: absolute;
width: 450px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
left: 50px;
top: 255px;
text-align: justify;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
margin-right: 10px;
margin-left: 20px;
}
div#content2 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: auto;
padding-top: 1px;
list-style-type: none;
top: 110px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
div#content3 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: 678px;
padding-top: 1px;
list-style-type: none;
top: 375px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

div#content p {
font-size:.8em;
color:#d9aa07;
height: auto;
width: 795px;
}
div#content li {font-size:.75em;
}
div#services{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-variant: normal;
text-transform: none;
width: 148px;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;
}
div#services_1{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFCC00;
font-variant: normal;
text-transform: none;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;}

div#banner
{
margin-left: 80px;
width: auto;
}
div#listcontainer
{
list-style-type:disc;
font-size:16px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color: #FF0000
list-style-position: inside;
}
div#table_men
{
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
background-image: ;
text-align: right;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #F18D0A;
color: #000000;
}

div#testkay {
padding:: 0 1em;
color:#333333;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
div#testkay1 {
padding:: 0 1em;
color:#000000;
margin-top: 0px;
margin-left: 65px;
position: relative;
height: 100px;
width: 300px;
list-style-type: none;
top: -600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
padding: 1px;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
left: 400px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}

#maintable {
border: 1px solid #FFFFCC;
/*/*/line-height: 1.5em; /* */
width: 795px;
}

#maintable td {
padding: 20px;
}
#maincontent {

font-size: 14px;
/*/*/font-size: 100%; /* */
width: 400px;
background-color: #FFFFFF;
vertical-align: top;
background-position: center;
border-left-color: #333;
}
#sidebar {
width: 795px;

font-size: 12px
/*/*/font-size: 85%; /* */
background-color: #FFFFFF;
}
#header {
background-color: #99CCFF;
color: #FFFFCC;

background-image: url (csst_bg.gif);
margin-top: 0px;
height:90px;
width: 795px;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
text-align: left;
vertical-align: baseline;
}
#footer {

background-color: #333333;
color: #CCCCCC;
background-image: url (csst_bg.gif);
}

div#about_table {
padding:: 0 1em;
color:#333333;
height: auto;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
position: relative;
}
div#header_text {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-style: normal;
color: #FFFF99;
text-align: left;
}
#menubar {
background-color: #CC3333;
color: #FFFFCC;
height: 20px;
width: 795px;
}

* {margin:0; padding:0;}

div#listmenu {
width:100%;
float:left;
border-top:1px solid #069;
border-bottom:1px solid #069;
font-size:0.8em;
background-color:#99CCFF;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
margin-top: 20px;
}
div#listmenu ul { margin:0 0 0 30px;
border:1px solid #fff;
}

div#listmenu li {
float:left;
background-color:#99CCFF;
list-style-type: none;
border-right:1px solid #FFF;

}

div#listmenu a {
padding:0 6px;
text-decoration:none;
color:#069;
}

div#listmenu a:hover {
color:#FFF;
}

div#listmenu li:first-child {
border-left:1px solid #CCCCFF;
}

* html div#listmenu ul {
float:left;
border-left:1px solid #000;
margin-left:15px
}

* html a (display:block;}

Edited by CT: Can you use the code tags please? THIRD TIME!!!!!!!

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 27 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Can you use the code tags

Can you use the code tags when posting css and html? It's the one after the bullter point buttons (little blue <>'s)

Your html just ends, no end body or html tags

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Menu positioning in header

The brain is slightly awake now folks, and I am trying again one more time

I will like the menu to sit in the header as seen at the top of csscreator website.

Thanks in advance

Faith In Messiah Ministries



 


 


Faith In Messiah Ministries








  • Customers

  • Members

  • Dealers

  • Distributors













About Faith In Messiah Ministries



We are a ministry that exists to equip the body of Christ to prepare for the great awakening. We encourage Christians to walk in obedience and Faith and not to let fear or circumstances stop them from entering into the fullness that the Lord has called them to.



We strongly believe that one of the prerequisites for both personal and corporate revival is Death-to-self. Our teachings are delivered in Churches, revival meetings, internet radio and seminars.



































Get Spiritually refreshed daily receive our weekly devotionals here





 

body { background-image: url(file:///C|/web project/2007/FIMM/gradients/1-800.png); background-repeat: repeat-x; padding: 0px; margin-top: 0px; margin-right: 10%; margin-bottom: 0px; margin-left: 10%; background-image: url(../../../Documents%20and%20Settings/Kayode/My%20Documents/777%20Customers/1-800.png); }

links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFCC;
background-color: #00CCCC;
}

div#head_about {
background-color:#FFFFCC;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
text-decoration: blink;
color: #000000;
font-variant: normal;
text-transform: capitalize;
position:fixed;
left:auto;
top:auto;
background-repeat: no-repeat;
width: 400px;
text-align: left;
}

div#header h1 {
margin-top:0px;
left: 50px;
background-repeat: no-repeat;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
font-style: normal;
color: #000000;
background-color: #FFFFFF;
}
div#promo1 {
position:absolute;
width:250px;
background-color: #FFFFFF;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
margin-top: 20px;
margin-right: 0;
margin-bottom: 0;
margin-left: 125px;
padding-top: 0.5em;
padding-right: 0;
padding-bottom: 0;
padding-left: 0;
top: 240px;
border-left-color: #CCCCCC;
border-left-width: thin;
left: 426px;
}

div#content {
padding:: 0 1em;
color:#99ccff;
background-color: #FFFFFF;
margin-top: 45px;
margin-right: 100;
margin-bottom: auto;
margin-left: 150px;
position: absolute;
height: 600px;
width: auto;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
top: 160px;
left: 3px;
font-weight: 200;
right: 30px;
clip: rect(auto,auto,auto,auto);
padding: 0px;
border: thin solid #FFFFCC;
}

div#mainbody{
padding:: 0 1em;
color:#000000;
background-color: #FFFFFF;
position: absolute;
width: 450px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
left: 50px;
top: 255px;
text-align: justify;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
margin-right: 10px;
margin-left: 20px;
}
div#content2 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: auto;
padding-top: 1px;
list-style-type: none;
top: 110px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}
div#content3 {
padding:: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: 678px;
padding-top: 1px;
list-style-type: none;
top: 375px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

div#content p {
font-size:.8em;
color:#d9aa07;
height: auto;
width: 795px;
}
div#content li {font-size:.75em;
}
div#services{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-variant: normal;
text-transform: none;
width: 148px;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;
}
div#services_1{
height:auto;
background-color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: bold;
color: #FFCC00;
font-variant: normal;
text-transform: none;

background-image: ;
border: thin solid #000033;
text-align: center;
float: left;
margin-right: 0.25px;}

div#banner
{
margin-left: 80px;
width: auto;
}
div#listcontainer
{
list-style-type:disc;
font-size:16px;
font-weight:normal;
font-family:Arial, Helvetica, sans-serif;
color: #FF0000
list-style-position: inside;
}
div#table_men
{
background-color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: capitalize;
background-image: ;
text-align: right;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #F18D0A;
color: #000000;
}

div#testkay {
padding:: 0 1em;
color:#333333;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #FFFFFF;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}
div#testkay1 {
padding:: 0 1em;
color:#000000;
margin-top: 0px;
margin-left: 65px;
position: relative;
height: 100px;
width: 300px;
list-style-type: none;
top: -600px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
padding: 1px;
clear: none;
float: none;
line-height: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
letter-spacing: normal;
text-align: justify;
word-spacing: normal;
left: 400px;
border-top-width: thin;
border-right-width: thin;
border-bottom-width: thin;
border-left-width: thin;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
}

#maintable {
border: 1px solid #FFFFCC;
/*/*/line-height: 1.5em; /* */
width: 795px;
}

#maintable td {
padding: 20px;
}
#maincontent {

font-size: 14px;
/*/*/font-size: 100%; /* */
width: 400px;
background-color: #FFFFFF;
vertical-align: top;
background-position: center;
border-left-color: #333;
}
#sidebar {
width: 795px;

font-size: 12px
/*/*/font-size: 85%; /* */
background-color: #FFFFFF;
}
#header {
background-color: #99CCFF;
color: #FFFFCC;

background-image: url (csst_bg.gif);
margin-top: 0px;
height:90px;
width: 795px;
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-style: normal;
line-height: normal;
text-align: left;
vertical-align: baseline;
}
#footer {

background-color: #333333;
color: #CCCCCC;
background-image: url (csst_bg.gif);
}

div#about_table {
padding:: 0 1em;
color:#333333;
height: auto;
border-top-color: #333333;
border-right-color: #333333;
border-bottom-color: #333333;
border-left-color: #333333;
position: relative;
}
div#header_text {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-style: normal;
color: #FFFF99;
text-align: left;
}
#menubar {
background-color: #CC3333;
color: #FFFFCC;
height: 20px;
width: 795px;
}

* {margin:0; padding:0;}

div#listmenu {
width:100%;
float:left;
border-top:1px solid #069;
border-bottom:1px solid #069;
font-size:0.8em;
background-color:#99CCFF;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
margin-top: 20px;
}
div#listmenu ul { margin:0 0 0 30px;
border:1px solid #fff;
}

div#listmenu li {
float:left;
background-color:#99CCFF;
list-style-type: none;
border-right:1px solid #FFF;

}

div#listmenu a {
padding:0 6px;
text-decoration:none;
color:#069;
}

div#listmenu a:hover {
color:#FFF;
}

div#listmenu li:first-child {
border-left:1px solid #CCCCFF;
}

* html div#listmenu ul {
float:left;
border-left:1px solid #000;
margin-left:15px
}

* html a (display:block;}

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 27 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Ouch. Flashing text

Ouch. Flashing text warning!

Please, don't do that, it looks awful and would put me (a visitor) off.

I have the page on my server now, can you mock up an image in paint type program so I can see what you want it to look like.

Post the image (jpg please) as an attachment.

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Will do The flashing text

Will do

The flashing text is one I do not understand, I have always used IE as my test browser,and the text don't flash in IE just other browsers. Not sure where the flash is coming from the text is just straight forward headings.

I will post in jpg.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 27 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

preacherk wrote:I have

preacherk wrote:
I have always used IE as my test browser

Please don't. Design in Firefox and then if it looks broke in IE, work around the IE bugs (you'll get used to coding so that it doesn't break IE most of the time. Use FF because it is standards compliant. IE isn't.

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Thanks for the advice; Will

Thanks for the advice; Will design for FF from now on. Any ideas why my headers are flashing in FF and other browsers and not in IE. I have another website www.Godradioonline.com, just visited the site using FF and my heaings are flashing.

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 27 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Look for this in your

Look for this in your css:

text-decoration: blink; and delete it.

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

I have the page on my server

I have the page on my server now, can you mock up an image in paint type program so I can see what you want it to look like

Thanks for your time; just got back to the project. I want the menu to rest inside the header as shown in the image attached.

Thanks

AttachmentSize
image4.jpg 11.63 KB
ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 27 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

If I understand you

If I understand you correctly, you have a design that has a light blue header with a pastel dark red bar under. Inside that is a sky blue menu bar that is full width but with the menu elements at the left.

Under that you have another full width uncolored row with the text 'hgfhd ml' in!

Is the sky blue menu bar what you want to style?

Does it need to be insde but to the left and at the bottom of the pastal dark red bar?

And your doctype is invalid. Your coding appears to be xhtml 1.0, and so needs to start the page like this:

Faith In Messiah Ministries

Also, you have used a table to style the page, that is not a good idea and should be changed.

Finally, until you clarify the questions, you need to compress your css using the shorthand versions, for example, you have:

padding-top: 2px; padding-right: 5px; padding-bottom: 2px; padding-left: 5px;

Becomes:

padding: 2px 5px 2px 5px;

And this one is poinltess, not doing anything (due to the style:none's):

border-top-width: thin; border-right-width: thin; border-bottom-width: thin; border-left-width: thin; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-top-color: #CCCCCC; border-right-color: #CCCCCC; border-bottom-color: #CCCCCC; border-left-color: #CCCCCC;

Trevor

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Thanks for your help What

Thanks for your help

What I decided to do is change the code completely, following some of the examples in my css book.

I have created a listmenu div to position the menu under the header and keep it flushed like I wanted in the initial post.

I was also able to solve an earlier problem in using a gradient jpeg with a 100% height. This change is reflected in the new stylesheet.

I wonder if anyone can have a look at my code and help me with the following.

I want to shift the menu to the center and having trouble doing so.

I have started using FF as my default browser, but now IE6 is not displaying my content. Can you please take a look and let me know what I am doing wrong.

I tried validating my markup and it came out with 11 errors, firstly it said there is not doctype. I was not aware that I have to put a doctype in a css file.

Again some of the errors are like this

Error Line 27 column 1: character "f" not allowed in prolog.
font-variant: normal;

what should I be looking for?

/* CSS Document */

/* basic elements */
html {min-height:100%;}

body {
margin:0px;
padding:0px font: 1em verdana,arial,sans-serif;
background-image: url(images/1-800BROWN.jpg);
}

links {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFCC;
background-color: #00CCCC;
}

div#header {
height:90px;
background-color:#99CCFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
color: #FFFFFF;
font-variant: normal;
text-transform: capitalize;
width: 100%;
margin-top: 0px;
padding-top: 12px;
width:100%;
}

div#header h1 {margin-top:0px;}

div#lcolumn {
position:absolute;
left:0px;
top:123px;
width:150px;
margin-right: 0px;
margin-left: auto;
height: 100%;
}

div#rightcolumn {
position:absolute;
width:150px;
right:0px;
top: 123px;
margin-right: 0px;
height: 100%;
}

div#nav ul {margin-top:0px; margin-bottom:.8em;}
div#nav li {margin-bottom:.5em; font-weight:bold; font-size:.75em}

div#content h1 {
position:absolute;
top:0px;
background-color:#ffffff;
font:Monotype Corsiva;
font-size:48px;
margin:0px 0 0 12px;
padding: 0 1em;
color:#D9AA07;
}

div#content {
padding: 0 1em;
color:#333333;
background-color: #FFFFFF;
margin-top: 1px 0 0 150px;
position: absolute;
height:80%;
padding-top: 0px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
left: 152px;
right:152px;
top: 125px;
background-repeat: repeat-y;
border: 1px solid #999999;
}

div#content1 {
padding: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 158px;
position: absolute;
height: 160px;
width: 678px;
padding-top: 1px;
list-style-type: none;
top: -25px;
border: thin inset #666666;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

div#content2 {
padding: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 120px;
position: absolute;
height: auto;
width: 678px;
padding-top: 1px;
list-style-type: none;
top: 110px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

div#content3 {
padding: 0 1em;
color:#666666;
background-color: #FFFFFF;
margin-top: 460px;
margin-right: 0;
margin-bottom: 0;
margin-left: 150px;
position: absolute;
height: auto;
width: 678px;
padding-top: 1px;
list-style-type: none;
top: 375px;
border: thin inset #333333;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
}

div#content p {font-size:.8em; color:#d9aa07}
div#content li {font-size:.75em}

div#header_1 {
height:20px;
background-color:#CCCC66;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
color: #000000;
font-variant: normal;
text-transform: capitalize;
width: 250px;
}

div#header_2{
height:20px;
background-color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: oblique;
font-weight: normal;
color: #FFFFFF;
font-variant: normal;
text-transform: capitalize;
width: 650px;
margin-top:auto

}

div#header_3{
height:20px;
background-color:#333399;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: oblique;
font-weight: normal;
color: #FFFFFF;
font-variant: normal;
text-transform: capitalize;
width: 678px;
}

#menubar {
background-color: #FFFF00;
color: #FFFFCC;
height: 20px;
width: 795px;
}

* {margin:0; padding:0;}

div#listmenu {
width:100%;
border-bottom:1px solid #069;
font-size:0.8em;
background-color:#FFFFFF;
color: #FFFFFF;
font-family: Verdana, Arial, sans-serif;
padding: 0px;
margin-left: 0px;
float: left;
height: 20px;
top: auto;
}

div#listmenu ul { margin:0 0 0 30px;
border:1px solid #fff;
}

div#listmenu li {
background-color:#99CCFF;
list-style-type: none;
border-right:1px solid #FFF;
float: left;

}

div#listmenu a {
padding:0 6px;
color:#069;
text-decoration:none
}

div#listmenu a:hover {
color:#FFF;
}

div#listmenu li:first-child {
border-left:1px solid #CCCCFF;
}

* html div#listmenu ul {
float:left;
border-left:1px solid #000;
margin-left:15px;
}

* html a {display:block;
}

div#mueheader{
bottom: 50px;
}

div#intro{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
background-color: #FFFFFF;
text-align: justify;
width: 400px;
margin-top: 10px;
border-bottom-width: thin;
margin-right: 20px;

}

#table_1 {
width:780px;
margin-top:5px;
height: auto;
}

#td1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
text-align: justify;
width: 380px;
background-color: #FFFFFF;
height: auto;
}

#td2{
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
width: 200px;
background-color: #FFFFFF;
height: auto;
text-align: center;
}

Faith and Revival Fire

  • About Us
  • Kayode & Linda
  • Resources
  • College of Faith
  • Listen to Godradioonline
  • Support Us
  • Gallery
  • Contact Us
  • Links

Welcome and thank you for taking time out to visit our website. When the fire of God touched Kayode and Linda on a warm summer night in London in 1998, it burned, transformed and remoulded their lives. The result was a mandate from God to stir up a hunger and thirst for His manifest presence and see His fire fall in hungry and desperate






ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 2 years 27 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Hi

Hi

You seem to be trying to make a columned 100% height page. And yet you are still using a table. Tut tut. I saw the light back in 1999 whilst watching the Spanish Grand Prix, and I have never looked back. And as far as web design without tables used for style/layout, I have not done it since 2003. WWJS? (What would Jesus Say?) It isn't enough not do to a thing, even thinking of it is the same. You know they are a sin, so stop thinking of tables (sorry for the humour, just my off beat appraoch to life).

Why not take a look at my 100% height article in the How To Forum? You will see how it is done (it does take some understanding), and will probably reveal why IE6 isn't happy with your code).

CT

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Mmmm! I wonder (WJWS) what

Mmmm! I wonder (WJWS) what Jesus would say! I can just picture Jesus sitting with one of his desciples, whichever one of them on his team is responsible for web technology, saying to them thinking about using tables is a sin.

Excellent article and tutorial.

PK

preacherk
Offline
Regular
Florida
Last seen: 12 years 44 weeks ago
Florida
Timezone: GMT-5
Joined: 2007-01-25
Posts: 16
Points: 0

Duplicate post

edit by CT: post edited due to duplicate post (see other thread here: http://www.csscreator.com/node/20912)