5 replies [Last post]
dayfall jesse
dayfall jesse's picture
Offline
Regular
Last seen: 10 years 33 weeks ago
Timezone: GMT-5
Joined: 2006-11-14
Posts: 37
Points: 0

Hey guys,

I've used this piece of code in multiple websites with no problem.
But for some reason, this time in Joomla, its giving me issues.

Load up
http://www.dayfallmedia.com/mazzys/index.php?option=com_content&task=view&id=14&Itemid=30

In Firefox, everything is gravy.
In IE, the ul menu disappears after loading.

I have made sure to position the UL relatively, but to no avail. All code posted below...if someone can please help or point in the right direction, I would be most appreciative!!!

CSS Code

@charset "utf-8"; /* CSS Document */

body {
margin:0px;
background-color:#6f6c56;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;
color:#000000;
height:auto;
}

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

a, a:visited, a:active, a:link {
color:#993300;
text-decoration:underline;
font-weight:bold;
}

a:hover {
color:#CC0000;
text-decoration:underline;
font-weight:bold;
}

#pagewidth {
width:100%;
height:100%;
display:block;
position:relative;
float:left;
background-image:url(../images/pagebg.png);
background-repeat:repeat-x;
background-position:top;
background-color:#cfc89d;
}

#topcontainer {
width: 691px;
height:100%;
margin-right:auto;
margin-left:auto;
display:inline-block;
position:relative;
}

#menu {
height:48px;
background-image:url(../images/menubg.png);
background-position:top;
background-repeat:no-repeat;
}

#menu ul{
width:550px;
position:relative;
top:10px;
margin-left:auto;
margin-right:auto;
}

#menu ul li{
float:left;
color:#fff;
background-color:inherit;
font:bold 12px/16px Georgia;
}
#menu ul li a{
font:bold 12px/16px Georgia;
color:#fff;
background-color:inherit;
padding:0px 11px 0px 0px;
text-decoration:none;
}
#menu ul li a:hover{
color:#FFCC33;
}

#header {
height: 99px;
}

#logo {
width:345px;
height: 99px;
background-image:url(../images/logo.png);
background-repeat:no-repeat;
position:relative;
display:inline;
float:left;
}

#hours {
height: 66px;
width: 342px;
top:20px;
display:inline;
position:relative;
float:right;
text-align:right;
padding-right:4px;
}

.redtext {
color:#661a00;
}

.moduletablefood {
left: 11px;
position:relative;
margin-left:auto;
margin-right:auto;
}

ul.mainlevelfood{
height:48px;
top:10px;
position:relative;
}

li.mainlevelfood{
display:inline;
color:#993300;
}

ul li a.mainlevelfood{
padding:0px 11px 0px 0px;
text-decoration:none;
float:left;
color:#993300;
}

ul li a:hover.mainlevelfood{
color:#CC0000;
text-decoration:underline;
}

#contentwrap {
height:auto;
padding-bottom:20px;
}

#content {
clear:both;
}

#content h1 {
color:#black;
}

#content h2 {
color:#006600;
margin:0px;
}

p.description {
margin:0px 0px 5px 0px;
}

#foodmenu {
width: 691px;
margin-left:auto;
margin-right:auto;
padding-bottom:5px;
}

#foodmenu ul{
display:block;
position:relative;
height:25px;
width:691px;
margin:0;
padding:0px 0 0 0px;
list-style-type:none;
}

#foodmenu ul li{
float:left; display:block; margin:0 0px 0 0px;
}

#foodmenu ul li a{
height:25px; text-decoration:none; text-indent:-2000px; display:block; width:691px;
}

#foodmenu ul li a.apps{
background:url(../images/menu_apps_off.png) no-repeat 0 0; width:130px; height:25px;
}
#foodmenu ul li a.apps:hover{
background:url(../images/menu_apps_on.png) no-repeat 0 0; width:130px; height:25px;
}

#foodmenu ul li a.burgers{
background:url(../images/menu_burgers_off.png) no-repeat 0 0; width:261px; height:25px;
}
#foodmenu ul li a.burgers:hover{
background:url(../images/menu_burgers_on.png) no-repeat 0 0; width:261px; height:25px;
}

#foodmenu ul li a.specials{
background:url(../images/menu_specials_off.png) no-repeat 0 0; width:132px; height:25px;
}
#foodmenu ul li a.specials:hover{
background:url(../images/menu_specials_on.png) no-repeat 0 0; width:132px; height:25px;
}

#foodmenu ul li a.soups{
background:url(../images/menu_soups_off.png) no-repeat 0 0; width:168px; height:25px;
}
#foodmenu ul li a.soups:hover{
background:url(../images/menu_soups_on.png) no-repeat 0 0; width:168px; height:25px;
}

#menuleft {
display:inline;
position:relative;
width: 400px;
padding: 30px 20px 10px 30px;
float: left;
background-image:url(../images/menuleft_bg.jpg);
background-repeat:no-repeat;
}

#menuright {
display:inline;
position:relative;
padding-left:20px;
width: 190px;
float: left;
}

#beerspecials {
background-image:url(../images/beerspecial.png);
background-repeat:no-repeat;
width: 239px;
height: 270px;
float:left;
position:relative;
display:inline;
}

#foodoptions {
background-image:url(../images/foodoptions.png);
background-repeat:no-repeat;
width: 452px;
height: 270px;
float:right;
position:relative;
display:inline;
}

#newsletter {
width:281px;
display:inline;
position:relative;
float:left;
}

h1.newsletter {
background-image:url(../images/newsletter.png);
background-repeat:no-repeat;
width:281px;
height:122px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

#newsletter h1 span {
display:none
}

h1.bestevents {
background-image:url(../images/bestevents.png);
background-repeat:no-repeat;
width:361px;
height:51px;
}

#bottomrighttext h1 span {
display:none
}

#labels {
width: 120px;
display:inline;
float:left;
line-height:22px;
text-align:right;
}

#fields {
float:left;
display:inline;
}

#bottomrighttext {
background-image:url(../images/bottomrighttext.png);
background-repeat:no-repeat;
width: 393px;
height: 221px;
position:relative;
display:inline;
float:right;
padding-left: 12px;
padding-top: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

#footer {
height:100px;
background-image:url(../images/footerbg.png);
background-repeat:repeat-x;
background-color:#6e6b54;
clear:both;
text-align:center;
color:#FFFFFF;
padding-top:12px;
font-size:11px;
}

#footer a, a:active {
color:#FFCC00;
text-decoration:none;
font-weight:bold;
}

#footer a:hover {
color:#FF9900;
text-decoration:underline;
font-weight:bold;
}

/* ###################### Text Settings ###################### */

.contentpane {

}

.contentpaneopen {

}

.contentheading {
font-family: Georgia;
font-size : 24px;
font-weight : bold;
width : 100%;
color: #FFCC00;
text-align : left;
padding-top : 40px;
padding-bottom : 40px;
background-repeat: no-repeat;
background-position: left;
}

.componentheading {
font-family: Georgia;
font-size : 24px;
font-weight : bold;
width : 100%;
color: #FFCC00;
text-align : left;
padding-top : 40px;
padding-bottom : 30px;
background-repeat: no-repeat;
background-position: left;
}

#easybook h2 {
font-family: Georgia;
font-size : 24px;
font-weight : bold;
width : 100%;
color: #FFCC00;
text-align : left;
padding-top : 40px;
padding-bottom : 30px;
background-repeat: no-repeat;
background-position: left;
}

.createdate {
font-family : Arial, Helvetica, sans-serif;
font-size : 10px;
color : #4E6371;
text-align : left;
}

Template Code:

<?php
if ( $my->id ) :
initEditor();
endif;
mosShowHead();
?>

');
document.writeln('img.glossy { visibility: hidden; }');
document.writeln('<\/style>');
}
-->

" />

Mazzy's Sports Bar and Late Nite Grill

/templates/<?php echo $mainframe->getTemplate(); ?>/ie7/ie7-standard-p.js" type="text/javascript">

/templates/<?php echo $mainframe->getTemplate(); ?>/css/template_css.css" rel="stylesheet" type="text/css" />
/templates/<?php echo $mainframe->getTemplate(); ?>/reflex/reflex.js">
/templates/<?php echo $mainframe->getTemplate(); ?>/glossy/glossy.js">

<?php mosMainBody(); ?>

Triumph (not verified)
Anonymous's picture
Guru

Can not duplicate.

Can not duplicate.

dayfall jesse
dayfall jesse's picture
Offline
Regular
Last seen: 10 years 33 weeks ago
Timezone: GMT-5
Joined: 2006-11-14
Posts: 37
Points: 0

SOLVED

FOUND IT!

The IE7 Standards compliance patch was mucking it up...good riddance Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 1 week ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

dayfall jesse wrote:The IE7

dayfall jesse wrote:
The IE7 Standards compliance patch was mucking it up.

What exactly is an IE7 Standards compliance patch?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

ifohdesigns
ifohdesigns's picture
Offline
Enthusiast
Providence, RI
Last seen: 9 years 4 weeks ago
Providence, RI
Timezone: GMT-4
Joined: 2008-02-22
Posts: 269
Points: 0

Tyssen wrote:dayfall jesse

Tyssen wrote:
dayfall jesse wrote:
The IE7 Standards compliance patch was mucking it up.

What exactly is an IE7 Standards compliance patch?

I think they are talking about that JS file that emulates (and I use that loosely) IE7.

http://dean.edwards.name/IE7/

mattrossidesigns.com

Triumph (not verified)
Anonymous's picture
Guru

No wonder I couldn't

No wonder I couldn't duplicate the problem.