strange bar on top... [Theme stylesheets (CSS) help]

1

strange bar on top...

2005/8/28 3:00
pvtpyro
Just popping in
Posts: 67
Since: 2005/2/24

My website has a strange bar on the top I don't know how to get rid of.
It only appears in IE

here's the css. any ideas?


/*Structure */

body {margin: 0;padding: 0;background: #0066FF; color: #ffffff;font-size: 12px; font-family: Trebuchet MS, Lucida Grande, Verdana, Arial, Sans-Serif; text-align: left;}



#header-l {margin: 0;padding: 0;background: transparent url("../images/tl.png") no-repeat left;height: 194px;}

#header-r {margin: 0;padding: 0;background: transparent url("../images/tr.png") no-repeat right;height: 194px;}

#page-ml {margin: 20px 80px 20px 80px;padding: 0;background: #000000 url("../images/ml.png") repeat-y left;}

#page-mr {margin: 0;padding: 0;background: url("../images/mr.png") repeat-y right;}

#content {min-height: 300px;margin: 0 1px 0 1px;padding: 0;}

#footer-l {margin: 0;padding: 0;background: #000000 url("../images/bl.png") no-repeat left;height: 62px;}

#footer-r {margin: 0;padding: 0;background: url("../images/br.png") no-repeat right;height: 62px;}

#footer-r p { margin: 0; padding: 20px 0 0 0; text-align: center; }



/*Left Column */

td#leftcolumn { padding: 10px 15px 0 15px; width: 190px; background: #000000; }

td#leftcolumn th { }

td#leftcolumn div.blockTitle {margin: 10px 0 5px 0;padding: 0;font: bold 1.2em 'Lucida Grande', Verdana, Sans-Serif; background: #222222;}

td#leftcolumn div.blockContent { margin: 0 0 0 10px;}



/*Center Column */

td#centercolumn { padding: 20px 10px 10px 10px; font-size: 1.2em; line-height: 1.4em; }

td#centercolumn th { color: #ffffff; background: #000000; vertical-align: middle; }



td#centerCcolumn { padding: 0 3px 1px 3px; }

td#centerCcolumn div.blockTitle {margin: 0 0 10px 0;font: bold 1.6em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #222222;}

td#centerCcolumn div.blockContent { margin: 0 0 20px 0; }



td#centerLcolumn { width: 50%; padding: 0 3px 0 0; }

td#centerLcolumn div.blockTitle {margin: 0 0 10px 0;font: bold 1.6em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #222222;}

td#centerLcolumn div.blockContent { margin: 0 0 20px 0; }



td#centerRcolumn { width: 50%; padding: 0px 3px 0px 0px; }

td#centerRcolumn div.blockTitle {margin: 0 0 10px 0;font: bold 1.6em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif; background: #222222;}

td#centerRcolumn div.blockContent { margin: 0 0 20px 0; }



/* Right Column */

td#rightcolumn { padding: 10px 15px 0 15px; width: 190px; background: #000000; }

td#rightcolumn th { }

td#rightcolumn div.blockTitle {margin: 10px 0 5px 0;padding: 0;font: bold 1.2em 'Lucida Grande', Verdana, Sans-Serif; background: #222222;}

td#rightcolumn div.blockContent { margin: 0 0 0 10px; }



/* Begin Menus */

td#mainmenu { margin: 0; }

td#mainmenu a:before { content: url(images/menubullet.png); }

td#mainmenu a:hover { }

td#mainmenu a.menuTop { padding-left: 3px; }

td#mainmenu a.menuMain { padding-left: 3px; }

td#mainmenu a.menuSub { padding-left: 9px; background:#000000}



td#usermenu { margin: 0; }

td#usermenu a:before { content: url(images/menubullet.png); }

td#usermenu a:hover { }

td#usermenu a.menuTop { padding-left: 3px; }

td#usermenu a.highlight { background: #000000; }



/*Headers */

h1, h2, h3, h4 {font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;font-weight: bold;}

h1 {}

h2 { margin: 30px 0 10px 0; font-size: 1.6em; }

h2.pagetitle { text-align: center; }

td#leftcolumn h2, td#rightcolumn h2 {margin: 5px 0 0 0;padding: 0;font: 1.2em 'Lucida Grande', Verdana, Sans-Serif;}

h3 { padding: 0; margin: 30px 0 0; font-size: 1.3em; }

h1, h1 a, h1 a:hover, h1 a:visited, .description { color: #ffffff; text-decoration: none; }

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited { color: #eeeeee; }

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, td#leftcolumn h2, td#rightcolumn h2, cite { text-decoration: none; }

a, h2 a:hover, h3 a:hover { color: #ffffff; text-decoration: none; }

a:hover { color: #FFFFFF; background:#0099FF; text-decoration: none; }

.description { font-size: 1.2em; text-align: center;padding-top: 1.6em; } /*remove,only for header*/

#admindesc { padding: 30px 0px 0px 0px;margin: 0;font-size: 4em; font-weight: bold;text-align: center;color: #ffffff;}

#admindesc_small { padding: 0px 0px 20px 0px;font-size: 1.2em;text-align: center; }

acronym, abbr, span.caps { font-size: 0.9em; letter-spacing: .07em; }



/*Lists */

html>body ul {list-style: none;text-indent: -12px;}

ul li:before {content: "0BB 020";}

ul {margin-top: 0;margin-left: 0;padding-left: 12px;} 

li {margin: 7px 0 8px 10px;}



/* System Messages */

div.errorMsg {border-top: 1px solid #ddf;border-left: 10px solid #48b;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;padding: 10px;width: 75%;background: #000000;font-weight: bold;text-align: center;}



div.confirmMsg {border-top: 1px solid #ddf;border-left: 10px solid #48b;border-right: 1px solid #aaa;border-bottom: 1px solid #aaa;padding: 10px;width: 75%;color: #ffffff;background: #000000;font-weight: bold;text-align: center;}



div.resultMsg {border-top: 1px solid silver;border-left: 10px solid #48b;border-right: 1px solid #666;border-bottom: 1px solid #666;padding: 10px;width: 75%;color: #ffffff;background: #000000;font-weight: bold;text-align: center;}

    

/* Posts */

div.xoopsCode {border: 1px inset #000;padding: 6px;background: #000000;font-family: "Courier New",Courier,monospace;}div.xoopsQuote { font-style: italic; }



/* Various */

table { width: 100%; }

table td { margin: 0; padding: 0; border-width: 0; vertical-align: top; }

th {padding: 2px;color: #fff;background: #000000;font-family: Trebuchet MS, Verdana;vertical-align: middle;}



.outer {border: 1px solid #CCCCCC;}

.head {background-color: #000000; padding: 3px; font-weight: normal;}

.even {background-color: #000000; padding: 3px;}

.odd {background-color: #222222; padding: 3px;}

.foot {background-color: #000000; padding: 3px; font-weight: bold;text-align: center;}

tr.head td {background-color: #000000; padding: 3px; font-weight: bold;}

tr.even td {background-color: #000000; padding: 3px;}

tr.odd td {background-color: #222222; padding: 3px;}

tr.foot td {background-color: #000000; padding: 3px; font-weight: bold;}



.item { }

.itemHead { padding: 3px; }

.itemInfo { padding: 3px; text-align: right; }

.itemTitle a {margin: 30px 0 10px 0;color: #000;font: bold 1.6em 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;}

.itemPoster { font-size: 90%; font-style: italic; }

.itemPostDate { font-size: 90%; font-style: italic; }

.itemStats { font-size: 90%; font-style: italic; }

.itemBody { padding-left: 5px; }

.itemText {margin-top: 5px;margin-bottom: 5px;line-height: 1.5em;}

.itemText:first-letter { }

.itemFoot { padding: 3px; text-align: right; }

.itemAdminLink { font-size: 90%; }

.itemPermaLink { font-size: 90%; }



/* forms elements */

input { border: 1px solid #ffffff;font-size: 12px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif; color: #ffffff;  background-color: #000000;padding-left:3px;background-color: #000000;}

textarea {background-color: #000000;color: #ffffff; border: #CCCCCC 1px solid; width: 430px; font-size: 12px; font-family: Trebuchet MS, verdana, arial, helvetica, sans-serif;}

select {border: 1px solid #FFFFFF; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif;}

.formButton {background-color: #000000;color: #ffffff;font-weight: bold;text-align:center;}

input:focus, textarea:focus{background-color: #0099FF;border: 1px solid #ffffff;}



td#date {width: 95%;color: #ffffff;text-align: right;vertical-align: middle;padding-right: 20px;font-weight: bold;font-size: 95%;}

.search_block {margin-top: 0px;}

#notifs_form {display: none;}



/* Nav bar */

#navigbar {margin: .2em 0 0 1em}



#navbar {background:transparent;border-bottom: 0px solid #0099FF;padding: 4px 0px 2px 0px;cursor: default;}



.NavMenu {font-family: Trebuchet MS,Verdana,Tahoma,Georgia,sans-serif;font-size: 12px;/*-moz-user-select: none;*/}



.NavMenu .button,

.NavMenu .button:hover,

.NavMenu .button-active,

.NavMenu .button-active:hover {line-height: normal;padding: 2px 8px 2px 8px;/*border: 0px solid transparent;background-color: #cccccc;*/color: #ffffff;text-decoration: none;font-family: Trebuchet MS,Tahoma,Georgia,sans-serif;font-size: 12px;font-weight: bold;cursor: hand;white-space: nowrap;display: block;position: relative;border-right: 1px solid #d7d7d7;}



.NavMenu .button:hover {/*border-color: #ffffff #ACA899 #ACA899 #ffffff;border: 0px solid #69ade5;*/border-right: 1px solid #d7d7d7;color: #eeeeee;text-decoration: none;background-color: #0099FF;}



.NavMenu .button-active,

.NavMenu .button-active:hover {border-color: #ACA899 #e7e7e7 #ffffff #ACA899;color: #ffffff;background-color: #000000;}



.NavMenu .item,

.NavMenu .item:hover,

.NavMenu .item-active,

.NavMenu .item-active:hover {background-color: #000000;font-family: Trebuchet MS,Tahoma,Georgia,sans-serif;font-size: 12px;line-height: normal;padding: 3px 16px 4px 10px;color: #ffffff;border: 0px solid transparent;text-decoration: none;font-weight: bold;cursor: default;white-space: nowrap;display: block;position: relative;}



.NavMenu .item:hover,

.NavMenu .item-active,

.NavMenu .item-active:hover {background-color: #000000;color: #ffffff;border: 0px solid #316AC5;}



.NavMenu .section {background-color: #000000;border: 1px solid #b8b4ae;position: absolute;visibility: hidden;z-index: -1;}



.NavMenu .arrow {position: absolute;top: 7px;right: 8px;border: 0;}



.NavMenu hr{height: 1px;width: 90%;border: 0px none;color: #ffffff;background-color: #000000;}



* html .NavMenu td { position: relative;} /* ie 5.0 fix */



/*NewBB */

ul.newbb_level1, ul.newbb_level2, ul.newbb_level3 {width: 140px;        /* Width of the Dropdownmenu Title and Menu themself */background: #000000;    /* Main Background of the Menu Folder */text-indent: 0;}



li.newbb_folder {border: 1px solid #000000;    /* Should be the same color as above */color: #ffffff;         /* Textcolor of the Dropdownmenu Title */background: #000000;}



li.newbb_folder:before {content: "";}

.newbb_link:hover {color: #ffffff          !important;        /* Hover Color of the Links */}

2

Re: strange bar on top...

2005/8/29 3:03
shank
Not too shy to talk
Posts: 144
Since: 2004/8/17

what is the content of your styleNN.css file?

This is the stylesheet it uses in firefox, and with IE it loaded style.css.

Does that help any?

s l s h a n k l e @ b e l l s o u t h . n e t

3

Re: strange bar on top...

2005/8/29 4:50
pvtpyro
Just popping in
Posts: 67
Since: 2005/2/24

Same thing...


@import url(style.css);

4

Re: strange bar on top...

2005/8/29 13:37
shank
Not too shy to talk
Posts: 144
Since: 2004/8/17

My guess is that it has something to do with IE and the PNG files, and not the CSS file.

See if you can convert the #header-l, #header-r, #page-ml, and #page-mr images to gif and change the link in the CSS and see if it works.

I just noticed you have some goofy stuff at the bottom of the page also.

Other than the above suggestion I don't know, but I will keep looking over it and see if I can come up with anything else.

s l s h a n k l e @ b e l l s o u t h . n e t

5

Re: strange bar on top...

2005/8/29 17:42
pvtpyro
Just popping in
Posts: 67
Since: 2005/2/24

goofy stuff?
I haven't changed anything except the colors... i think.

I'll give that gif thing a shot. thank you.

6

Re: strange bar on top...

2005/8/29 19:07
Grizzlydk
Just popping in
Posts: 68
Since: 2005/2/24

IE and Firefox doesn't allways display the page in the same way.

I looked at your tags on the site and got this...


<body>

<div id="page-ml">

    <div id="page-mr">



    <div id="header-l"><div id="header-r">

      <div class="description">

            <a href="http://www.butlerpcg.org"><img src="http://www.butlerpcg.org/themes/pyro/images/header_logo.jpg" alt="" /></a>

      </div>

      <div id="navigbar">

So the funky bar can only come from the css on:
1. id="page-ml" or
2. id="page-mr" or
3. id="header-1"

try changing the color codes in the css... to check it out

Danish is viery iasy to spoke

7

Re: strange bar on top...

2005/8/29 21:03
pvtpyro
Just popping in
Posts: 67
Since: 2005/2/24

didn't work.
i tried one at a time making those ttransparent. but it makes my whole page transparent.

8

Re: strange bar on top...

2005/8/29 23:01
shank
Not too shy to talk
Posts: 144
Since: 2004/8/17

Here is something else to try: In your CSS file, comment out the #page-mr line, then, if that doesn't fix it, try commenting out the #page-ml line instead, and see if that does anything?

If one of them gets rid of the black background, and the other gets rid of the white outline let me know that too, and which one does which.

s l s h a n k l e @ b e l l s o u t h . n e t

9

Re: strange bar on top...

2005/8/30 1:45
pvtpyro
Just popping in
Posts: 67
Since: 2005/2/24

ml gets rid of the black background,
mr gets rid of the white border. but without them both i dont have a style at all.

10

Re: strange bar on top...

2005/8/30 3:35
shank
Not too shy to talk
Posts: 144
Since: 2004/8/17

What happens if you remove the margin info from #page-ml?

s l s h a n k l e @ b e l l s o u t h . n e t

Stats
Goal:	$100.00
Due Date:	Apr 30
Gross Amount:	$0.00
Net Balance:	$0.00
Left to go:	$100.00

strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Re: strange bar on top...

Login

Search

Recent Posts

Re: Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Rebuilding and Updating a 20 years old Xoops Website from 2.0.18? to 2.5.11

Re: NewBB v 5.1.0 b 6

Re: NewBB v 5.1.0 b 6

NewBB v 5.1.0 b 6

Re: XOOPS 2.5.11 search user is not working

Re: oledrion

Re: oledrion

Re: oledrion

Re: oledrion

Who's Online

Donat-O-Meter

Latest GitHub Commits

{{ record.sha.slice(0, 7) }} - {{ record.commit.message | truncate }}