View Full Version : Nav Bar Footer Wrong In IE7
voicelit
Aug-28-2008, 08:51 PM
Got a nav bar top and bottom on a few of my pages . For instance : http://dotfur.smugmug.com/gallery/5754468_kyQGL/0/355710369_gV8cP
and the two or three other links on that page.
They look fine BUT the bottom one goes all wrong in IE7. I have the code for the bottom Nav. Bar in the " footer " section of my CSS.
Also gray background of " pricing " page (gallery 5754468 ) won't take in IE7, remains black.
Any ideas ?
Marty ( dotfur.com )
Allen
Aug-29-2008, 08:43 AM
Got a nav bar top and bottom on a few of my pages . For instance : http://dotfur.smugmug.com/gallery/5754468_kyQGL/0/355710369_gV8cP
and the two or three other links on that page.
They look fine BUT the bottom one goes all wrong in IE7. I have the code for the bottom Nav. Bar in the " footer " section of my CSS.
Also gray background of " pricing " page (gallery 5754468 ) won't take in IE7, remains black.
Any ideas ?
Marty ( dotfur.com )
You can only use a name for a div once. You have two navcontainer2's.
Didn't check others. Every div has to be a different name no mater where on
the page.
voicelit
Aug-29-2008, 09:09 AM
Allen, Where do I have the two navcontainer2 Div ids ? Is my code wrong in th css ? I see one navcontainer2 in header, and one in footer. Please clarify.
Thanks again .
Marty (dotfur.com)
You can only use a name for a div once. You have two navcontainer2's.
Didn't check others. Every div has to be a different name no mater where on
the page.
Allen
Aug-29-2008, 01:15 PM
Allen, Where do I have the two navcontainer2 Div ids ? Is my code wrong in th css ? I see one navcontainer2 in header, and one in footer. Please clarify.
Thanks again .
Marty (dotfur.com)
.. and that's two in the html on the page.
voicelit
Aug-29-2008, 08:51 PM
Okay, I give up. What you want me to do ? I don't want to bother you guys. There's two divs here or two divs there . Okay ? Some one wins something. What do I do next ? I've lost. Do i resign from SmugMug now ? Do I get any of my money back or have I fofeited it?
If the answer is : that I'm asking a stupid question, just say that. I'll figure some other way to approach the problem or give up on that design element or go take a class. I just don't want to play.
Make it more clear somewhere what questions are a waste of everyone's time. Or just pass the question along to someone else. Maybe some other people need the practice helping people like me.
Aaaahh.. it's just depressing.
Am I really missing some point here ? Is it a way over the top type request to expect someone to help me with a bottom Nav Bar yhat goes somewhat weird in IE7 ? Or how to change a background color of a page in IE7 ?
At first glance, I thought that was probably the real simple stuff. I guess now that I relize that I've walked into a hornet's nest , I wouldn't expect people to get involved in something so complicated. I understand you're not some code on demand service. I just didn't at first know how much time and expertise something like that takes what with how strange Microsoft is with its' CSS issues. But how was I to know ?
It's just so much time gets lost waiting to find out that this is a wrong thing for which to expect any help from the forum. Just try and tell people faster that they should hurry and seek help elsewhere.
Oh well, gee whiz.... sorry to bother you guys....
marty , the real dumb guy, the type that ruins everyone's great time on SmugMug,
.. and that's two in the html on the page.
Allen
Aug-29-2008, 09:31 PM
Okay, I give up. What you want me to do ? I don't want to bother you guys. There's two divs here or two divs there . Okay ? Some one wins something. What do I do next ? I've lost. Do i resign from SmugMug now ? Do I get any of my money back or have I fofeited it?
If the answer is : that I'm asking a stupid question, just say that. I'll figure some other way to approach the problem or give up on that design element or go take a class. I just don't want to play.
Make it more clear somewhere what questions are a waste of everyone's time. Or just pass the question along to someone else. Maybe some other people need the practice helping people like me.
Aaaahh.. it's just depressing.
Am I really missing some point here ? Is it a way over the top type request to expect someone to help me with a bottom Nav Bar yhat goes somewhat weird in IE7 ? Or how to change a background color of a page in IE7 ?
At first glance, I thought that was probably the real simple stuff. I guess now that I relize that I've walked into a hornet's nest , I wouldn't expect people to get involved in something so complicated. I understand you're not some code on demand service. I just didn't at first know how much time and expertise something like that takes what with how strange Microsoft is with its' CSS issues. But how was I to know ?
It's just so much time gets lost waiting to find out that this is a wrong thing for which to expect any help from the forum. Just try and tell people faster that they should hurry and seek help elsewhere.
Oh well, gee whiz.... sorry to bother you guys....
marty , the real dumb guy, the type that ruins everyone's great time on SmugMug,
You can define all the navs you want in the html but each has to have a different div id. What I would do is assign them as a class, then they are just lists. You can add as many class lists as you like.
<div class="navcontainer">
...
</div>
<div class="navcontainer2">
...
</div>
In the CSS change all these to a period instead of a #
#navcontainer to .navcontainer
#navcontainer2 to .navcontainer2
Should not notice any difference but browsers might not get confused by all
the duplicate div id's.
voicelit
Aug-29-2008, 09:50 PM
Thanks, Allen.
But is there a difference in terms : "the Html, ", the CSS ( in the customization area)?
Marty
You can define all the navs you want in the html but each has to have a different div id. What I would do is assign them as a class, then they are just lists. You can add as many class lists as you like.
<div class="navcontainer">
...
</div>
<div class="navcontainer2">
...
</div>
In the CSS change all these to a period instead of a #
#navcontainer to .navcontainer
#navcontainer2 to .navcontainer2
Should not notice any difference but browsers might not get confused by all
the duplicate div id's.
voicelit
Aug-29-2008, 10:03 PM
so, header, footer, head tag are the html on the customization page?
I changed all like you said, now all navs are in an up down way with little white dots beside them... got the nausea thing starting. pathos and cold fear sweat of how hopeless we all seem.
Marty
Thanks, Allen.
But is there a difference in terms : "the Html, ", the CSS ( in the customization area)?
Marty
Allen
Aug-29-2008, 10:06 PM
Thanks, Allen.
But is there a difference in terms : "the Html, ", the CSS ( in the customization area)?
Marty
The html defines objects/boxes/containers/text on the page. Some are
generated with js. The CSS is used to format those. That what you mean?
voicelit
Aug-29-2008, 10:10 PM
Found a few # that I hadn't gotten rid of now all nav bar gone. I know there's just this little thing you might have forgot to tell me or I missed. This sense of forever wiping the pie of fone's face, the bucket of water waiting above every door you walk through.
Marty
so, header, footer, head tag are the html on the customization page?
I changed all like you said, now all navs are in an up down way with little white dots beside them... got the nausea thing starting. pathos and cold fear sweat of how hopeless we all seem.
Marty
Allen
Aug-29-2008, 10:24 PM
Found a few # that I hadn't gotten rid of now all nav bar gone. I know there's just this little thing you might have forgot to tell me or I missed. This sense of forever wiping the pie of fone's face, the bucket of water waiting above every door you walk through.
Marty
Yelp, missed some. These kind of important to show the nav :D
.gallery_5714874 .navcontainer {display: block;}
.category_CLIENTS .navcontainer {display: block;}
.category_PROJECTS .navcontainer {display: block;}
.gallery_5754468 .navcontainer {display: block;}
.homepage .navcontainer2 {display: block;}
voicelit
Aug-29-2008, 10:36 PM
Yes, thank you. My nav bar is back but bottom still looks way large in IE7. Oddly , only on this page : http://dotfur.smugmug.com/gallery/5754468_kyQGL/0/355710369_gV8cP
This Page :
http://dotfur.smugmug.com/CLIENTS
doesn't display three across thumbnails like it does on firefox. And
http://dotfur.smugmug.com/gallery/5754468_kyQGL/0/355710369_gV8cP
same page with the bottom nav bar trouble still doesn't have the gray background that it does in Fire Fox ?
Thaks again ( oh, the underlines are gone on my homepage now in IE7 )
Marty ( dotfur.com)
Yelp, missed some. These kind of important to show the nav :D
.gallery_5714874 .navcontainer {display: block;}
.category_CLIENTS .navcontainer {display: block;}
.category_PROJECTS .navcontainer {display: block;}
.gallery_5754468 .navcontainer {display: block;}
.homepage .navcontainer2 {display: block;}
voicelit
Aug-30-2008, 01:01 PM
The Bottom Nav Bar problem in Internet Explorer 7. Nav bar in album / gallery / page : 5754468 (dotfur.com) TOO BIG . Problem seems to get fixed (so far ) by removing all the html or whatever it's called from the description box. Just typed in a few words into the description box, " test test, " and the Nav Bar at bottom was fixed. Ooooooo... what could it mean ? Haven't moved on yet to finding out what elements or what in my text box text / html / code / whatever is causing the problem ? All with that bottom Nav Bar has been fine in FireFox. I returned it all : text in description box etc , wrong bottom Nav Bar , etc. State it's in now.
__________________________________________________ ______
album / gallery / page : 5754468 (dotfur.com) called " PRICING " and in the section of my site called " doglit photography" continues to be immune to any attempt to change the background color (smug mug classic black or sometimes I change it to default - a white)). In FireFox, it displays as a gray - which is what I want. Also the text from in the description box justifies all the way over to the left in internet explorer 7 ( IE7) unlike how I like it in FIREFOX where it runs down the middle of the page due - it seems - to some padding I put into my CSS . Not the main issue here. To test the IE7 problems , I took out all the description box stuff, got rid of all the Nav Bars ( nav container in my CSS ) stripped out everything relating to album / gallery / page : 5754468 in my CSS except background color . All those variations would effect album / gallery / page : 5754468 in different logical ways but have no effect on the page in Internet Explorer 7's (IE7) background color.
It's like other than getting rid of all nav bar nav container stuff or emptying out the description box, it just doesn't respond .
It's in Journal mode, It doesn't have any photos in it : just the description box text / html/ code.
I left it in this CSS state : the result of many variations and advice from the forums : it all seems to work wonderfully in FIREFOX : even getting rid of everthing except for the background color code :
.gallery_5754468 #albumDescription {
margin-top: .001px; /* gap from navbar at top */
margin-bottom:.001px; /* gap from navbar at top */
padding: 5px 5px 5px 155px;
}
.gallery_5754468 .myText {
font-family: arial;
font-size: 150%;
color: #DCDCDC;
font-weight: bold;
text-align: justify;
}
.gallery_5754468 .journal_entry, /* hides photos in gallery */
.gallery_5754468 #breadcrumb {display: none;}
.gallery_5754468 {
background-color: #C0C0C0;
~background-color: #C0C0C0; /* IE 6 */
_background-color: #C0C0C0;# /* IE 7 */
}
Thanks for any help,
Marty (dotfur.com)
Yes, thank you. My nav bar is back but bottom still looks way large in IE7. Oddly , only on this page : http://dotfur.smugmug.com/gallery/5754468_kyQGL/0/355710369_gV8cP
This Page :
http://dotfur.smugmug.com/CLIENTS
doesn't display three across thumbnails like it does on firefox. And
http://dotfur.smugmug.com/gallery/5754468_kyQGL/0/355710369_gV8cP
same page with the bottom nav bar trouble still doesn't have the gray background that it does in Fire Fox ?
Thaks again ( oh, the underlines are gone on my homepage now in IE7 )
Marty ( dotfur.com)
vBulletin® v3.8.5, Copyright ©2000-2012, Jelsoft Enterprises Ltd.