View Full Version : Firefox vs. IE: I'm having trouble..


Trickster
06-27-2006, 07:15 PM
Okay I created this blending site http://www.4starexzibit-hiddenshadow.co.nr
Now, in Internet Explorer it looks just fine, everything is working the way its suppose to but now in firefox it looks just horrible!!
The links for my navigation doesn't work at all and the words are positioned all wrong. I didn't realize this until someone told me because I'm not quite familiar with firefox until today when I downloaded it.
I would appreciate it so much if someone would help me fix this situation.
Thanks!!:)

Cheeseums
06-27-2006, 07:41 PM
Yours aren't viewed well on opera either, yours works on 1/3 of major browsers, it seems.

You can look at...
http://www.richinstyle.com/bugs/table.html
Disclaimer: I haven't looked at the site too much, it is your own respsonsibility. You are liable for all that happens when you copy and past the url on your browser, Google it, Yahoo search it, Ask it, Dogpile it, or use anything to gain access to the website. Should anything happen there, it is your fault. lol.

Douglas
06-27-2006, 09:54 PM
First off - don't use absolute position ever, because the actual size of the screen inside the browser is different for different browsers, try relative positioning, and about the screen inside the browser, use percentages instead of pixels ;D

Cheeseums
06-27-2006, 10:01 PM
*nods* Yes, but I checked with the same resolution...at least for me, but yeah, percentages work a whole lot better. But sometimes its the compatibility coding as well.

sputter
06-28-2006, 02:58 AM
Since everything is aligned left I don't think absolute positioning will hurt too much. The problem was the CSS, when you use padding Firefox and Opera interpret it differently from IE the easy fix is to just specify the distances of your divs from the top and left sides, rather than add padding to the divs.

#menu {

position: absolute;
top: 500px;
left: 50px;
width: 130px;
z-index: 2;
}

#content {

position: absolute;
top: 500px;
left: 250px;
width: 285px;
z-index: 2;
}

Those 2 changes in the CSS made it work here, it also seemed to clear up the navigation problem in Firefox as well. I do have a question, why the frameset?

Trickster
06-28-2006, 02:06 PM
Oh thank you so much for your help you guys! I am not a coding kinda person so there is still so much i gotta learn lol
Sputter: I did what you suggested the site is working the way its suppose to now, wellz in firefox at least i don't know about opera.

Thanks soooooo much!!:)

Trickster
06-28-2006, 02:32 PM
My art portfolio is the same way...all the words are bigger than what they need to be and I was trying to see what was the problem but then i did something that caused the site link to disappear. In firefox that is...
My site is using div layers, what should i do..??

sputter
06-28-2006, 03:33 PM
Oh thank you so much for your help you guys! I am not a coding kinda person so there is still so much i gotta learn lol
Sputter: I did what you suggested the site is working the way its suppose to now, wellz in firefox at least i don't know about opera.

The knowledge comes with time :)
As for Opera 9 your site looks fine now.

I think you need to post a link to your portfolio, we really can't troubleshoot it without seeing it.

Trickster
06-28-2006, 05:16 PM
oh sorri bout that here it is: http://www.freewebs.com/hiddenshadow

Cheeseums
06-28-2006, 06:35 PM
The code accompaniment would be nice as well, if you please.

I may not be able to help much as I'm not too good, but I'm here to observe and learn. :D If I make my own website I'm almost sure that I may come across the same problem.

sputter
06-28-2006, 07:04 PM
I haven't really delved into it much since Im at work, but off hand I will say only IE supports the filter CSS tag. This is why Firefox and Opera will show a black background, rather than allow the background to show through. A quick fix would be to cut out the links from the image, and set them as the background of each div. Then have put a generic link in, have a class named .hidden and set it to display:none;
That will keep the text from getting in the way and allowing the background image to show up in all browsers.

As for the text varying sizes this could be due to browser differences as well. Try using px instead of pts that should have the sizes closer together. You may also want to specify the font color for your anchor tags.

Cheeseums
06-28-2006, 07:15 PM
Sputter, I can see the background on the Welcome screen, I think...
The enter page looks okay.
But the Welcome page is getting to me, the links are highlighted in black, but I can see the lady with a tattoo. That isn't the issue for me.

The letters look too big for the highlight as well in the links part.
I feel like something is missing, and it's frustrating because I don't know yet enough for my repetoire of codes. : /