3 replies [Last post]
soel
Offline
Regular
Last seen: 16 years 28 weeks ago
Joined: 2004-03-12
Posts: 12
Points: 0

Hi. I have a quick question for anybody who knows their stuff. My site, http://www.soeldesign.com has a small problem in the latest Netscape browser :? . The 2 small .gifs at the bottom are about 10px too far down and the main text starts too far down as well. It looks perfect in IE and Opera for PC. Anybody have any ideas?? Thanks in advance!

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 46 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Netscape problems, NEED HELP.

Hi

Well, the 2 gif's are where you want them to be according to your css. You made them absolutely positioned with a top and left.

The main box is a fixed height, which is OK in Moz etc, but in IE height means min-height, and it has expanded a bit downwards.

Part of this (maybe all) is due to the fact that you use pixels for font heights. Try % or ems instead (me, I prefer %).

Also, because of the use of height in moz, if the user changes the default text size to bigger, the center box gets a scroll bar.

I also note that you used the 50% + margin-left hack to center the box, the only drawback is if the screen res is too low, the box slides off to the left.

There is a hack to stop this, somewhere, can't remember how right now.

Trevor

soel
Offline
Regular
Last seen: 16 years 28 weeks ago
Joined: 2004-03-12
Posts: 12
Points: 0

Hmmmm.....

Hey Trevor thanks for the reply, I really appreciate it. I tried changing the text size, no luck, I tried a bunch of different sizes and nothing changed. As for the 50% center hack, I looked around the net and couldn't find any kind of solution, seems almost like there isn't. But I have an idea which I will try in the morning.

Another problem arose when I tested it on a mac. A couple images, like the stamp on the "contact" page and the quote on the "about" page are about 600px right in the IE 5.2 mac. They go off and the scroll bar appears underneath, NOT GOOD! So I am deciding what to do about that.

If anyone has ANY suggestions please let me know, I greatly appreciate any help! OH, and if anybody has a mac and wants to test some stuff for me when I make some changes that would be AWESOME! Any takers.....Anybody....bueller......

Micah

ClevaTreva
ClevaTreva's picture
Offline
Guru
A hilly place, UK
Last seen: 1 year 46 weeks ago
A hilly place, UK
Joined: 2004-02-05
Posts: 2902
Points: 0

Netscape problems, NEED HELP.

Hi

Well, I would play around with the design to see which bits IE has made too big/high (it does appear to be IE at fault, BTW). Maybe put some borders around things and do screenshots and check the pixel gaps and font heights etc.

Alternatively, try to position those two images relatively.

I think the hack on the stopping it sliding off is to put a width in the body, but this may need to be a min-width for moz, can't remember, I would give it a try (make the width about the same as the center box).

As to IE Mac, I believe it goes a little loopy with floated elements. Suggest you take a wander over to www.positioniseverything.net

Trevor