Website Babble Webmaster Forums  


Go Back   Website Babble Webmaster Forums > Creating a Website > HTML, PHP, CSS, Javascript & Coding/Programming Topics

Your WB Notifications

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 07-17-2009, 09:41 AM
Junior Babbler
 
Join Date: Jul 2009
Posts: 7
WebLizzard has no reputation at Website Babble yet.
Default CSS left "navbar" column displays differently on browsers?

I have been trying to figure this out for weeks now. I designed a site for a band using CSS. I am new to the whole CSS thing, so this was maybe my 3rd time using it. I haven't had problems before, until I made this site.

I have a left colored navbar declared in my stylesheet with a width of 800 px. that contains the page links. (Biography, Tour, DVDs, Music, Etc.) For some reason, this olive colored navbar looks fine on my internet explorer, safari, and firefox. As soon as I try to open the page from an older internet explorer browser, the Navbars width extends, so it is way too far over to the right of the page. It almost gets stretched out width-wise. This only happens on certain pages as well. For example, the main home page has the problem, as well as the DVDs, Music, Promo, Experience, Talk To Me, Contact and Tour 2004 pages, however, the Hurricane Page seems to be OK along with the rest of the links I haven't mentioned. Is this possibly something in my coding on these pages?

Any help/advice?
Thanks guys
~Liz
Reply With Quote
  #2 (permalink)  
Old 07-17-2009, 10:54 AM
meloncholy's Avatar
Master Babbler
 
Join Date: May 2009
Posts: 250
meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)meloncholy has an outstanding reputation at WB (over 500 points)
Default

Quote:
Is this possibly something in my coding on these pages?
Heh. No, probably not. It's probably IE, particularly if by 'older' you mean version 6. It could be that you're seeing an expanding box problem, though it's difficult to say without looking at the site.

Make sure you have a valid DOCTYPE in your pages; this will force IE into standards compliant mode and render more consistently.

Some of your pages are working, so what's different on those? For instance, have you got extra elements in the nav, longer bits of nav titles, extra container divs, etc.? It may be that

- You've made a mistake that Firefox has decided to forgive, but IE hasn't.
- Your code is fine, but there's another equally valid way of doing it that IE will like. (For one site, I had to specify the width of a container explicitly to get it working with IE7. This wasn't wrong, but shouldn't have been required either.)
- IE is just being belligerant.

Particularly if you're having problems with IE6, conditional comments are your friend. With them, you can code your site to work with most browsers in the main stylesheet, and then correct any issues with IE in a separate stylesheet that only it reads.

I know that's a bit general, but hopefully it's of some use.
__________________
Pole Exercise - Pole dancing evolved
Reply With Quote
  #3 (permalink)  
Old 07-17-2009, 05:21 PM
James's Avatar
Super Moderator
 
Join Date: Dec 2007
Posts: 2,755
James is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation barsJames is an elite member of WB with the maximum amount of reputation bars
Default Forget it?

ie 6 use is now less than 15% (some think less). If you are new to css and site building I would probably ignore it although you would lose some people. At least they would have a less than perfect experience.

meloncholy's comments are great and exactly on target. If you think it is worth the effort, jump in, but personally I have decided to forget the issues of ie 6 and other older browsers.

Of course it is a matter of personal perspectives.
__________________
Good Success!

Douglas County Master Gardeners
"We don't always get what we want, but we always get what we expect."
Reply With Quote
  #4 (permalink)  
Old 07-17-2009, 05:29 PM
kelevraco's Avatar
Supreme Babbler
 
Join Date: May 2009
Location: Colorado
Posts: 511
kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)kelevraco has an outstanding reputation at WB (over 500 points)
Send a message via MSN to kelevraco Send a message via Yahoo to kelevraco
Default

Below is a list of browsers and a break down of percentages that have visited one of my sites today. This backs up what James is stating 100%


Firefox v3.0.11
205 23.7%
Internet Explorer v7.0
162 18.73%
Internet Explorer v8.0
122 14.1%
Firefox v3.0.10
104 12.02%
Internet Explorer v6.0
97 11.21%
Firefox v3.5
27 3.12%
Safari v530.5
23 2.66%
Safari v530.18
9 1.04%
Firefox v3.0.1
9 1.04%
Mozilla v5.0
9 1.04%
Opera v9.64
6 0.69%
Safari v531.0
5 0.58%
Firefox v2.0.0.20
5 0.58%
Safari v530.17
5 0.58%
Firefox v2.0.0.12
5 0.58%
Safari v525.28.3
5 0.58%
Crazy Browser v2.0.1
5 0.58%
Safari v525.19
5 0.58%
Firefox v3.0.5
4 0.46%
Firefox v3.0.8
4 0.46%
Firefox v3.0.7
4 0.46%
Crazy Browser v3.0.0
3 0.35%
Netscape v4.0
2 0.23%
Opera v8.50
2 0.23%
Safari v530.19
2 0.23%
Safari v530.19.1
2 0.23%
Opera v9.63
2 0.23%
Firefox v2.0.0.13
2 0.23%
Firefox v3.0.3
2 0.23%
AOL v10.1
2 0.23%
Firefox v1.5
1 0.12%
Safari v531.3
1 0.12%
Safari v525.27.1
1 0.12%
Safari v531.2
1 0.12%
Firefox v2.0.0.6
1 0.12%
Mozilla v1.9.0.11
1 0.12%
Safari v525.22
1 0.12%
Opera v9.60
1 0.12%
Firefox v3.0.6
1 0.12%
Firefox v2.0
1 0.12%
Mozilla v1.9.0.10
1 0.12%
Firefox v2.0.0.9
1 0.12%
AOL v9.1
1 0.12%
Opera v9.62
1 0.12%
Firefox v2.0.0.5
1 0.12%
Mozilla v1.8.1.21
1 0.12%
Mozilla v1.8.1.19
1 0.12%
Avant Browser v
1 0.12%
Safari v312.6
1 0.12%
Safari v523.12
1 0.12%
Opera v9.80
1 0.12%
Firefox v3.0.9
1 0.12%
Firefox v3.0
1 0.12%
Safari v525.20.1
1 0.12%
Konqueror v3.5
1 0.12%
AOL v9.0
1 0.12%
__________________
Reply With Quote
  #5 (permalink)  
Old 07-17-2009, 07:53 PM
Geekdout's Avatar
Supreme Babbler
 
Join Date: Dec 2008
Location: Ohio, USA.
Posts: 528
Geekdout has more than the average amount of reputation points
Send a message via AIM to Geekdout Send a message via MSN to Geekdout Send a message via Yahoo to Geekdout
Default

I think the older browsers just render the pages differently. I'll have to look, there may be a workaround to get the page to display properly in an older browser.
__________________
Shaun
http://www.geekdout.net ~ Simplifying Tech One Post at a Time
http://www.pamshodgepodge.geekdout.net ~ My Moms Coupon/Savings Site
http://www.twitter.com/geekdout ~ Twitter Me
Reply With Quote
Reply

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On




All times are GMT -6. The time now is 11:24 AM.


 Subscribe to RSS

WB Sponsors

flash chat

Home Jobs Online

Search Engine Marketing

Paid Surveys

Web Design Newcastle



 Subscribe to the Website Babble Feeds

2 Create a Website Homepage | 2 Create a Website Blog


Powered by vBulletin® Version 3.8.4
Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0