Help? Firefox error and weird bug! Help? Firefox error and weird bug!
 

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Main Menu

Help? Firefox error and weird bug!

Started by wuduheo, August 22, 2010, 04:13:01 AM

Previous topic - Next topic

0 Members and 1 Guest are viewing this topic.

wuduheo

heres my gallery: http://momiji-bb.net/index.php

in Google Chrome and IE, the gallery looks fine but its shifted right on firefox, making the page super long o.o anyone have any ideas what causes this?

and now the wierd bug... on my homepage, http://momiji-bb.net/ i have the grey bar at the top, i copied all CSS styles required over to the velvet theme style.css and the grey bar still wont show up.
It shows up as a resource on Chrome but its now showing...

i have the code
<div class="main">
  <div class="blok_header">
    <div class="header">
      <div class="logo"><a href="/index.html"><img src="/images/logo.png" width="280" height="123" border="0" alt="logo" /></a></div>
        <div class="menu">
        <ul>
          <li><a href="/index.html">Home</a></li>
          <li><a href="/index.php" class="active">Gallery</a></li>
          <li><a href="/forum.php">Forum</a></li>
          <li><a href="/contact.html">Advertise</a></li>
          <li><a href="/contact.html">Contact us</a></li>
        </ul>
        </div>
    </div>
  </div>
</div>

resting right under the <body> tag

heres the CSS part:
.main { padding:0; margin:0 auto;}
.blok_header { background: url(/images/header_bg.png) top center repeat-x;}
.header { width:1000px; margin:0 auto; padding:0;}
.logo { padding:0; margin:0; float:left;}
.menu { padding:0; margin:0; float:right;}
.menu ul { padding:0; margin:0; list-style:none; border:0; float:right;}
.menu ul li { float:left; margin:0; padding:0; border:0;}
.menu ul li a { float:left; margin:0; padding:53px 25px; color:#d7d7d7; font:normal 13px Arial, Helvetica, sans-serif; text-decoration:none;}
.menu ul li a:hover { background: url(/images/hover.png) top repeat-x; color:#00ff78;}
.menu ul li a.active { background: url(/images/hover.png) top repeat-x; color:#FFFFFF;}



thanks in adv guys/gals!

wuduheo

Im also wondering if i can take the login box and embed it at the top of the screen instead of having it on a different page.

Jeff Bailey

Please start another thread for this
Quote from: wuduheo on August 22, 2010, 05:41:30 AM
Im also wondering if i can take the login box and embed it at the top of the screen instead of having it on a different page.

the float you have on

<div class="logo"><a href="/index.html"><img height="123" width="280" border="0" alt="logo" src="/images/logo.png"></a></div>

is what caused it.

add

table {
clear: both;
}

in the css file

you could also find the first table opening tag

<table width="100%" cellspacing="20" cellpadding="20" border="0">

and add the "clearer" class to it.
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

Jeff Bailey

you could just take the float off of

<div class="logo"><a href="/index.html"><img height="123" width="280" border="0" alt="logo" src="/images/logo.png"></a></div>



.logo {
float:left;
margin:0;
padding:0;
}


and that would fix your gallery and cause a "grey bar" to show at the top.
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

wuduheo

i took out the float as you said, now the grey bar shows up but the menu gets pushed down, i wanted the grey bar to be behind the menu

Jeff Bailey

in the .header class add
position:relative;

change your .menu class to

.menu {
margin:0;
padding:0;
position:absolute;
right:0;
top:0;
}
Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford

wuduheo

 ;D thank you so much it worked! I really need to get myself a CSS book hehe

Jeff Bailey

Thinking is the hardest work there is, which is probably the reason why so few engage in it. - Henry Ford