Webmaster Forum


Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum
Register FAQ Members List Calendar Search Today's Posts Mark Forums Read

Coding Forum Problems with your code? Let's hear about it.

Sponsored Reviews   ClickBooth Network   V7N Directory

Reply
 
LinkBack Thread Tools Display Modes
Old 04-26-2007, 10:57 AM   #1 (permalink)
Inactive
 
Join Date: 04-24-07
Posts: 11
iTrader: 0 / 0%
Latest Blog:
None

aram535 is liked by many
Send a message via AIM to aram535 Send a message via Yahoo to aram535
CSS: problem with Firefox

Hey, I was wondering if anyone could take a look at this weird problem that I am having in Firefox 2.0.0.3 and Opera but not in IE6,7 or Mac IE.

http://www.hidfoglight.com/t3.html

This is a copy of the same box -- the top has a forced height: variable so that it shows what it is supposed to look like.

The section below is with no height defined or with height: inherit.

The page renders correctly in IE6 and 7 but not in Firefox and Opera. Any ideas would be greatly appreciated.

Thanks.

Aram
aram535 is offline  
Add Post to del.icio.us
Reply With Quote
Sponsored Links
SEO Hosting by HostGator  Advertise Here  Buy Blog Links
Old 04-26-2007, 11:00 AM   #2 (permalink)
nks
Contributing Member
 
nks's Avatar
 
Join Date: 03-23-07
Location: Ireland
Posts: 558
iTrader: 0 / 0%
nks is just really nicenks is just really nicenks is just really nicenks is just really nicenks is just really nicenks is just really nicenks is just really nicenks is just really nicenks is just really nicenks is just really nicenks is just really nice
Oh, it does look weird to me in Firefox.... but I am currently running Linux. I'm not sure about the others.
__________________
Life As Such.... but check out
NeoHide - News Linking Point ~~ NuclearLand - Free Link Submission
nks is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-26-2007, 12:13 PM   #3 (permalink)
Contributing Member
 
exam's Avatar
 
Join Date: 04-20-06
Posts: 333
iTrader: 0 / 0%
Latest Blog:
None

exam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web proexam is a highly respected web pro
Looks broken to me in FF 2.0.0.3, IE6 and Opera 9.20. You should probably start the design from nothing, while adding one style at a time and testing in all browsers at each stage.
exam is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-26-2007, 12:56 PM   #4 (permalink)
Contributing Member
 
Arenlor's Avatar
 
Join Date: 01-02-07
Location: PA, USA
Posts: 194
iTrader: 0 / 0%
Latest Blog:
None

Arenlor is liked by somebodyArenlor is liked by somebodyArenlor is liked by somebodyArenlor is liked by somebody
Send a message via ICQ to Arenlor Send a message via AIM to Arenlor Send a message via MSN to Arenlor Send a message via Yahoo to Arenlor
It's broken in IE7 to me too, along with Opera and FF. http://validator.w3.org/check?verbos....com%2Ft3.html Mr. Validator thinks you have lots of issues, especially the <script> beneath the closing html tag.
__________________
Need a page made? Draw a diagram, I suggest using Paint, show the picture with your post, it'll help a lot more than you think. Other questions? Draw a diagram for that too!
Arenlor is offline  
Add Post to del.icio.us
Reply With Quote
Old 04-26-2007, 01:26 PM   #5 (permalink)
Inactive
 
Join Date: 04-24-07
Posts: 11
iTrader: 0 / 0%
Latest Blog:
None

aram535 is liked by many
Send a message via AIM to aram535 Send a message via Yahoo to aram535
Quote:
Originally Posted by Arenlor View Post
It's broken in IE7 to me too, along with Opera and FF. http://validator.w3.org/check?verbos....com%2Ft3.html Mr. Validator thinks you have lots of issues, especially the <script> beneath the closing html tag.
Weird, works for me under IE7. -- Let me clarify, both top and bottom boxes do render fully -- the bottom (This is some extra text....) does appear 1/5 of the way down overlapping the bottom box -- but that's probably because I don't have a "clear: both" before it.

Ignore the validators, sadly its yahoo hosted and they seem to love to put in their own code after the page has ended so the validators are going to complain about 7 or 8 things that are outside of my control.

Aram
aram535 is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-06-2007, 08:14 PM   #6 (permalink)
Inactive
 
Join Date: 04-24-07
Posts: 11
iTrader: 0 / 0%
Latest Blog:
None

aram535 is liked by many
Send a message via AIM to aram535 Send a message via Yahoo to aram535
Post Solution

My apologies, forgot to post the final finding until now.

it turned out that, FF/IE/OP interpet the following differently.

Code:
#middle { width: 1000px; height: auto; overflow: hidden; }
FF doesn't seem to calculate the height correctly, it should be about 420px and it figured it out as 120px, which is probably the size of the number of <p> variables. Not sure how it is coming up with that number. This has been checked up to version FF 2.0.0.3. Same issue with Opera 9.

IE does calculate it correctly.

So the question is, is this a IE feature or a Gecko engine bug? I looked at the bugtracker info for Gecko and there are a bunch of "height" bugs, not sure if any of them covers this though.

Aram
aram535 is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-27-2007, 11:51 PM   #7 (permalink)
Inactive
 
Join Date: 05-06-07
Posts: 85
iTrader: 0 / 0%
Latest Blog:
None

alainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the rough
Send a message via MSN to alainkun
I see all corect with IE6 but the header.
I can see the images on the header, and if I check the root of this image it tells your code is: http:///tImages/logo.gif So please check your image link again.
alainkun is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-28-2007, 06:24 AM   #8 (permalink)
Inactive
 
Join Date: 04-24-07
Posts: 11
iTrader: 0 / 0%
Latest Blog:
None

aram535 is liked by many
Send a message via AIM to aram535 Send a message via Yahoo to aram535
Quote:
Originally Posted by alainkun View Post
I see all corect with IE6 but the header.
I can see the images on the header, and if I check the root of this image it tells your code is: http:///tImages/logo.gif So please check your image link again.
You're so late to the party it isn't even funny. What you're seeing is the 404 ERROR page since that test page doesn't exist anymore.

The page is all relative so if one of the images didn't load it sounds like you just need to reload. There are no static links in that page.

Aram
aram535 is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-28-2007, 10:11 PM   #9 (permalink)
Inactive
 
Join Date: 05-06-07
Posts: 85
iTrader: 0 / 0%
Latest Blog:
None

alainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the roughalainkun is a jewel in the rough
Send a message via MSN to alainkun
Its not correct. I could see your webpage correctly with firefox but not with IE6.

I could see your header with asian girls with Firefox but not with IE
alainkun is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-29-2007, 12:25 AM   #10 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,927
iTrader: 0 / 0%
Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
Maybe I'm wrong, but I wonder:
Quote:
Why do you set the overflow attribute, when you have height: auto?
Quote:
#middle {
width: 1000px;
height: auto;
overflow: hidden;
}
__________________
JUNE - JavaScript Framework
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-29-2007, 04:15 AM   #11 (permalink)
Inactive
 
Join Date: 04-24-07
Posts: 11
iTrader: 0 / 0%
Latest Blog:
None

aram535 is liked by many
Send a message via AIM to aram535 Send a message via Yahoo to aram535
Quote:
Originally Posted by alainkun View Post
Its not correct. I could see your webpage correctly with firefox but not with IE6.

I could see your header with asian girls with Firefox but not with IE
What exact version of IE6 are you using? I have tried 2 or 3 of them and they all work fine.

Is it just the 404 page or any page?

If possible could you PM me your IP so I can look it up on the logs to see what's going on?

Thanks.
aram535 is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-29-2007, 04:17 AM   #12 (permalink)
Inactive
 
Join Date: 04-24-07
Posts: 11
iTrader: 0 / 0%
Latest Blog:
None

aram535 is liked by many
Send a message via AIM to aram535 Send a message via Yahoo to aram535
Quote:
Originally Posted by costin_trifan View Post
Maybe I'm wrong, but I wonder:
No real reason, just testing. Trying to see what would cause one browser to fail to create the proper box around the items.

I found that block as part of the bug in bugzilla so I posted it exactly.
aram535 is offline  
Add Post to del.icio.us
Reply With Quote
Old 05-29-2007, 04:29 AM   #13 (permalink)
v7n Mentor
 
Costin Trifan's Avatar
 
Join Date: 04-13-07
Location: Romania
Posts: 2,927
iTrader: 0 / 0%
Costin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web proCostin Trifan is a highly respected web pro
Quote:
Originally Posted by aram535 View Post
No real reason, just testing. Trying to see what would cause one browser to fail to create the proper box around the items.

I found that block as part of the bug in bugzilla so I posted it exactly.
I see...

Thank you.
__________________
JUNE - JavaScript Framework
Costin Trifan is offline  
Add Post to del.icio.us
Reply With Quote
Go Back   Webmaster Forum > Web Development > Web Design Lobby > Coding Forum

Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
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

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

Similar Threads
Thread Thread Starter Forum Replies Last Post
Problem with css in firefox and safari amxcorey Coding Forum 11 01-17-2008 07:51 AM
different firefox problem ball420 Web Design Lobby 5 08-07-2007 11:53 AM
Firefox VS IE alignment problem DJ-Craig Coding Forum 12 06-14-2007 03:18 PM
Firefox Freezing Problem DOS Computers & Internet 57 01-24-2006 05:46 PM


Sponsor Links
Get exposure! Get exposure! Find Scripts Web Hosting Directory Get exposure! SEO Blog


All times are GMT -7. The time now is 04:44 AM.
© Copyright 2008 V7 Inc