Forums

Random Black bar?

Permalink
I am new to the forums so i am sorry if this is in the wrong spot but I have been working on this website for a while in Firefox. As soon as i went to check it in IE and i got this random bar. If anyone could help me figure it out that would be really great. Here is the website urlhttp://www.keweenawrepairs.com
 
ryjohnson replied on at Permalink Reply
www.keweenawrepairs.com
Steevb replied on at Permalink Reply
Steevb
Bits in the wrong place.

<div id="body">
Put all this content inside head tag.
<div id="concretewrapper">

#body {
float:center, no such thing.

Use:
#body {width:800px;
margin:0 auto}
NBardales replied on at Permalink Reply
NBardales
OK, my feedback on this:

Viewed in Chrome:
- Page is centered
- Black area behind navigation

Viewed in IE:
- Page is left-aligned
- Black area behind navigation
- Last navigation element breaks out of the line

Is that black area behind the navigation, the one you're referring to? If so, it's a minor CSS tweak, if not... let me know what the problem is
ryjohnson replied on at Permalink Reply
yes i am referring to the black bar behind the navigation and the fact that the last link breaks out of line with the rest of them, but it does not do this is in Firefox. Only in Internet explorer, and others.
adajad replied on at Permalink Reply
adajad
In your style.css try to change

.menu ul li a {
  background-color:#333333;
  color:white;
  float:left;
  padding-bottom:10.5px;
  padding-left:0;
  padding-right:0;
  padding-top:10.5px;
  text-decoration:none;
  width:160px;
}


to

.menu ul li a {
  background-color:#333333;
  color:white;
  float:left;
  padding-bottom:10.5px;
  padding-left:0;
  padding-right:0;
  padding-top:10.5px;
  text-decoration:none;
  width:158px;
}


Clear C5 cache and your browser cache and see if that changes anything.
ryjohnson replied on at Permalink Reply
Didn't fix the problem just made the nav bar smaller. It still wraps around
ryjohnson replied on at Permalink Reply
Solved the problem by declaring a doc type with this code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

It also fixed the centering issue with IE, Thanks a lot for all of your help!
NBardales replied on at Permalink Reply
NBardales
Glad to know you found a fix... =)