Coding issue

jonspd

Golden Member
Dec 28, 2005
1,214
2
81
i'm using a template for joomla and cant figure out Y it cascades in IE6 but not anything other. I have tried many tricks so please if you want the code I will post it but have a look.


Jonspd.com
 

Matthias99

Diamond Member
Oct 7, 2003
8,808
0
0
It does it in IE7 too.

Post the code for just that upper title/link bar and someone is more likely to be able to help you.
 

jonspd

Golden Member
Dec 28, 2005
1,214
2
81
/* ##################### OVERALL SETTINGS ##################### */
html {
min-height : 100.05%;
}

body {
margin : 0px 0px 0px 0px;
background : #515151;
font-family : verdana, arial, sans-serif;
font-size : 11px;
color : #eee;
}

td, tr, p, div {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #eee;
font-size : 11px;
}

h3 {
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #eee;
font-size : 11px;
text-transform : uppercase;
padding : 2px;
margin : 0px;
}

hr {
color : #000;
height : 1px;
width : 100%;
}

form {
padding: 0px;
margin: 0px;
}

.clear {
clear: both;
}

/* ############## LAYOUT CONTAINER SETTINGS ############### */
#layout_container {
position : relative;
width : 980px;
background : none;
border : 0px solid #000;
float : center;
}

#header_container {
float : left;
width : 980px;
height : 205px;
background : url(../images/ianus_header.jpg) no-repeat;
border : 0px solid #000;
}

#topmenu_container {
position : absolute;
top : 29px;
float : left;
display : inline;
left : 24px;
width : 932px;
height : 19px;
background : none;
border : 0px solid #000;
text-align : left;

}

#path_container {
position : absolute;
top : 121px;
left : 165px;
width : 795px;
background : none;
border : 0px solid #000;
text-align : left;
}

#sitename_container {
position : absolute;
top : 98px;
left : 165px;
width : 795px;
background : none;
border : 0px solid #000;
text-align : left;
font-size : 18px;
color : #d3d3d3;
font-weight : bold;
}

#content_container {
display : block;
float : left;
background : #fff url(../images/ianus_ltile.gif) repeat-y;
border : 0px solid #000;
width : 980px;
min-height : 370px;
}

*html #content_container {
height : 370px;
}

.modul_header {
display : block;
float : left;
width : 210px;
height : 37px;
background : url(../images/ianus_modulhead.gif) repeat-y;
border : 0px solid #000;
}

.modul_container {
float : left;
width : 210px;
background : url(../images/ianus_modultile.gif) repeat-y;
border : 0px solid #000;
}

.modul_content {
width : 194px;
float : left;
background : none;
border : 0px solid #000;
margin-left : 8px;
}

*html .modul_content {
margin-left : 4px;
}

.modul_footer {
display : block;
float : left;
width : 210px;
height : 110px;
background : url(../images/ianus_modulfooter.gif) repeat-y;
border : 0px solid #000;
}


#mainbody {
margin-top : 10px;
background : none;
border : 0px solid #000;
text-align : left;
padding : 0px 0px 0px 0px;
}

#abstand {
display : block;
float : left;
height : 10px;
width : 2px;
}

#main_container {
float : left;
background : #515151;
padding : 0px 0px 0px 0px;
border : 0px solid #000;
}

#main_left {
background : url(../images/ianus_mainleft.gif) left repeat-y;
width : 12px;
}

#main_right {
background : url(../images/ianus_mainright.gif) right repeat-y;
width : 12px;
}

#main_header {
background : url(../images/ianus_contenthtile.gif) repeat-x;
border : 0px solid #000;
height : 38px;
}

#main_header-left {
background : url(../images/ianus_contenthleft.gif) bottom no-repeat;
border : 0px solid #000;
width : 33px;
height : 38px;
float : left;
}

#main_header-welcome {
background : none;
border : 0px solid #000;
line-height : 38px;
float : left;
}

#main_header-right {
background : url(../images/ianus_contenthright.gif) left bottom no-repeat;
border : 0px solid #000;
width : 33px;
height : 38px;
float : right;
}

#main_footer {
background : url(../images/ianus_contentftile.gif) repeat-x;
border : 0px solid #000;
height : 110px;
}

#main_footer-left {
background : url(../images/ianus_contentfleft.gif) no-repeat;
border : 0px solid #000;
width : 52px;
height : 110px;
float : left;
}

#main_footer-middle {
background : url(../images/ianus_contentfmiddle.gif) center no-repeat;
border : 0px solid #000;
height : 110px;
}

#main_footer-right {
background : url(../images/ianus_contentfright.gif) no-repeat;
border : 0px solid #000;
width : 52px;
height : 110px;
float : right;
}

#footer_container {
position : relative;
display : block;
width : 980px;
height : 63px;
float : left;
border : 0px solid #000;
background : url(../images/ianus_lfooter.gif) no-repeat;
}

/* ##################### EXTRA MODULE/LINKS ##################### */
.willkommen {
font-size : 11px;
color : #333;
font-weight : bold;
}

#modul_banner {
display : block;
border : 0px solid #000;
text-align : center;
margin : 5px 0px 5px 0px;
}

#db_container {
position : absolute;
bottom : 0px;
left : 0px;
display : block;
float : left;
margin : 0px;
border : 0px solid #000;
width : 200px;
height : 25px;
}

#dblink {
position : absolute;
right : 3px;
top : 30px;
border : 0px solid #000;
width : 190px;
height : 25px;
display : block;
}

#copyright {
position : absolute;
bottom : 5px;
left : 0px;
border : 0px solid #fff;
height : 23px;
width : 100%;
text-align : center;
font-weight : bold;
color : #444;
}
/* ##################### PATHWAY SETTINGS ##################### */
.pathway {
font-size : 11px;
color : #eee;
font-weight : bold;
border : 0px solid #000;
}

a.pathway:link, a.pathway:visited {
color : #05b8f4;
font-weight : bold;
}

a.pathway:hover {
color : #000;
font-weight : bold;
}
/* ##################### MODULE SETTINGS ###################### */
table.moduletable {
width : 100%;
margin-bottom : 0px;
padding : 0px;
}

table.moduletable th {
background : url(../images/ianus_modultitel.gif) no-repeat;
width : 210px;
line-height : 29px;
text-align : left;
font-size : 11px;
font-weight : bold;
color : #eee;
text-indent : 22px;
padding-bottom : 0px;
text-transform : uppercase;
}

table.moduletable td {
text-align : left;
font-size : 11px;
padding : 0px 2px 0px 2px;
color : #eee;
border : 0px solid #000;
}

/* ##################### FORMULAR SETTINGS #################### */
.button {
color : #eee;
text-align : center;
font-size : 11px;
font-weight : bold;
border : 3px double #333;
width : auto;
background : url(../images/button_bg.png) #333 repeat-x;
line-height : 16px;
height : 24px;
margin : 1px;
}

.button:hover {
color : #05b8f4;
}

.inputbox {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
border : 1px solid #2d2e34;
background : #777;
color : #000;
margin : 0px;
}

.inputbox:hover {
border : 1px solid #05b8f4;
background : #999;
color : #000;
margin : 0px;
}

/* ################# SECTION LISTING SETTINGS ################# */
.sectiontableheader {
font-size : 11px;
font-weight : bold;
text-align : center;
color : #f0f0f0;
background : #666;
vertical-align : middle;
height : 20px;
border-right : 0px solid #fff;
padding : 0px 10px;
}

.sectiontableentry1 {
background : #494949;
padding : 3px 5px;
}

.sectiontableentry2 {
background : #414141;
padding : 3px 5px;
}

/* ################# MAIN AND SUB MENU SYSTEM ################# */
a.mainlevel:link, a.mainlevel:visited {
display : block;
width : 186px;
line-height : 21px;
font-size : 11px;
color : #eee;
text-decoration : none;
font-weight : bold;
background : url(../images/ianus_modulbutton.gif) no-repeat;
text-indent : 24px;
padding-bottom : 2px;
}

a.mainlevel:hover {
color : #05b8f4;
text-indent : 30px;
background-position : 0 -23px;
text-decoration : none;
}

a.mainlevel#active_menu {
color : #333;
background-position : 0 -46px;
}

a.sublevel:link, a.sublevel:visited {
display : block;
width : 181px;
line-height : 21px;
font-size : 11px;
color : #eee;
text-decoration : none;
font-weight : bold;
background : url(../images/ianus_modulsubbutton.gif) no-repeat;
text-indent : 24px;
padding-bottom : 2px;
}

a.sublevel:hover {
color : #05b8f4;
text-indent : 30px;
background-position : 0 -23px;
text-decoration : none;
}

a.sublevel#active_menu {
color : #333;
background-position : 0 -46px;
}

a.mainlevel-nav:link, a.mainlevel-nav:visited {
float : left;
display : block;
line-height : 19px;
font-size : 11px;
color : #ddd;
text-decoration : none;
font-weight : bold;
background : url(../images/ianus_topbutton.gif) repeat-x;
padding : 0px 10px 0px 10px;
border-right : 1px solid #777;
border-left : 1px solid #555;
vertical-align : top;
}

a.mainlevel-nav:hover {
color : #fff;
background-position : 0 -19px;
text-decoration : none;
}

a.mainlevel-nav#active_menu-nav {
color : #333;
background-position : 0 -38px;
text-decoration : none;
}
/* ########################### LINKS ########################## */
a:link, a:visited {
color : #05b8f4;
text-decoration : none;
font-weight : bold;
}

a:hover {
color : #000;
text-decoration : none;
}

a.category:link, a.category:visited {
font-weight : bold;
}

ul {
margin : 0px;
padding : 0px;
list-style : none;
}

li {
line-height : 15px;
padding-left : 15px;
padding-top : 0px;
background : url(../images/arrow.png) 0 3px no-repeat;
}

/* ##################### PAGE NAVIGATION ###################### */
.pagenavbar {
background : #606060;
border : 1px solid #aaa;
padding : 3px;
text-align : center;
}

.contenttoc {
background : #606060;
border : 1px solid #aaa;
padding : 2px;
}

.contenttoc th {
padding : 3px 5px;
font-size : 12px;
font-weight : bold;
text-transform : uppercase;
text-align : left;
color : #eee;
display : block;
}

.contenttoc td {
padding : 2px 5px;
}

/* ################### SMALL FONT SETTINGS #################### */
.small {
font-size : 10px;
color : #bbb;
}

.smalldark {
font-size : 10px;
color : #bbb;
}

.createdate, .modifydate {
font-size : 10px;
color : #bbb;
}

/* ##################### VOTING SETTINGS ###################### */
.content_rating {
font-size : 10px;
color : #ddd;
}

.content_vote {
font-size : 10px;
}

/* ################### CONTENT PAGE SETTINGS ################## */
.contentpane {
padding : 0px;
background : none;
}

.contentpaneopen {
padding : 0px;
text-align : left;
background : none;
}

.contentheading, .componentheading {
background : url(../images/ianus_contenttitle.gif) no-repeat;
line-height : 21px;
text-transform : uppercase;
text-align : left;
font-size : 11px;
font-weight : bold;
color : #eee;
text-indent : 24px;
}

.contentpagetitle {
font-weight : bold;
color : #000;
}

a.contentpagetitle:link, a.contentpagetitle:visited, a.contentpagetitle:active {
text-decoration : none;
}

/* ###################### BUTTON SETTINGS ##################### */
a.readon:link, a.readon:visited {
color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
background : url(../images/readon_normal.gif) left bottom no-repeat;
border : 0px solid #333;
padding : 0px 0px 0px 15px;
white-space : nowrap;
float : left;
line-height : 14px;
text-decoration : none;
}

a.readon:hover {
color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
background : url(../images/readon_hover.gif) left bottom no-repeat;
border : 0px solid #333;
padding : 0px 0px 0px 15px;
white-space : nowrap;
float : left;
line-height : 14px;
text-decoration : none;
}

.back_button a:link, .back_button a:visited {
color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
background : url(../images/back_normal.gif) no-repeat;
border : 0px solid #333;
padding : 0px 0px 0px 15px;
white-space : nowrap;
float : left;
line-height : 14px;
text-decoration : none;
}

.back_button a:hover {
color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : bold;
background : url(../images/back_hover.gif) no-repeat;
border : 0px solid #333;
padding : 0px 0px 0px 15px;
white-space : nowrap;
float : left;
line-height : 14px;
text-decoration : none;
}

.pagenav a:link, .pagenav a:visited {
color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
background : #737373;
border : 1px solid #333;
padding : 2px 4px 2px 4px;
white-space : nowrap;
float : left;
line-height : 10px;
text-decoration : none;
}

.pagenav a:hover {
color : #fff;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 10px;
font-weight : normal;
background : #05b8f4;
border : 1px solid #333;
padding : 2px 4px 2px 4px;
white-space : nowrap;
float : left;
line-height : 10px;
text-decoration : none;
}