Looking for help fixing my website!

[Ferret Lady]

hi guys. i recently launched a new website for my company and my graphic designer did the majority of the work, but because he had to take some time off to get married and go on his honeymoon, i did the finishing touches myself.

i thought it was perfect but then i realized it doesnt look right in Internet Explorer. in Safari it looks great but in explorer on a PC the text is bleeding over top of the graphix on the bottom. I use a mac and it's hard for me to figure out how to fix this..

just wondering if any one could help me out to fix the html code so it looks good on both Safari and Explorer? i do have explorer for mac but it looks different on a PC.

well, if anyone has the time and knowledge, please send me a pm. thanks :)

oh yeah its http://www.getfamousproductions.com

Thanks.

[Kirk Gillock]

Just took a quick look at your html source and I think the problem might be with <div id="layer1"> on Line 66. The css for "layer1" gives a height restraint (400px) for that div. I don't usually use heights for divs because they rarely look right in every browser, especially when text is involved. If just one line overflows then you'll get problems, like what you see now. Remove the height and see if that fixes it. If not, maybe increase the height about 17px to allow for an overflow.

It could also be the "position:absolute" in the layer1 css causing the problem. If all else fails get rid of that and see if it helps.

Good luck!

[Capt Quirk]

Absolute positions are always discouraged.

[GenJerDan]

It's not the height that's the problem, it's the TOP. Change it to TOP: 340px; instead of 390

[Ferret Lady]

*crossing my fingers and off to GoDaddy to try your suggestions*

[Ferret Lady]

i also noticed that the text is supposed to be ArialMT and that's how it looks in Safari but in explorer it looks like times new roman or something.. any idea why that would happen?

[Anhar Miah]

Use FontFamily,

try to use floats inside of absolute, for font sizes use "ems"

Broswer consistency is alway pain,

I'll have a lookie at the code later if you want.

[Ferret Lady]

i do use fontfamily tho. hm. weird...

yeah it really is a pain. i'm kinda stressin actually cuz i started passin out business cards thinking my site was perfect and then realized it's all kinds of messed up on explorer which most people have. so ya, if you have any time today, please do have a look at the code and see what you can suggest. i'll probably be working on it all day. sigh.

i changed the TOP to 340 rather than 390 on the home page and it looks like thats fixed it (at least on my computer, hopefully it will look the same on a pc). so THANKS!!!! now i see each page is different... one page has two top values... so i guess i just have to experiment with those but at least its a start, thanks again...

very curious about the font issue tho...

[Anhar Miah]

I don't think I can look at it today (I'm suppose to be at work at the mo eeek!)

[Ferret Lady]

bah what a tease anhar

[Capt Quirk]

Cut him some slack, he has Graphing to do ;)

[Anhar Miah]

lol Capt Quirk :D

sorry Alison, you know I'd help if i could..

[Ferret Lady]

heh no worries anhar.. i'll keep tryin...

[Tom Marshall]

ArialMT isn't a common font. If the user doesn't have it on his or her computer, it won't render right. It should just be Arial. There's really just a handful of fonts that render the same on each computer / browser.

[Ferret Lady]

oh. i didnt know that. thanks Tom, i'll change it to just Arial or something...

too bad tho.. i really liked that font. sigh!

[Anhar Miah]

Hey Alison, I completely re-coded the first page for you, its about 50% less code, you should be able to use this page as a template to do the rest of 'em

Its all clean floating divs that should behave in both IE and Moz

I used image maps instead of all the tricky and "Messy" image slicing and tabling

also you have the source image files, I had to use print screen to get them so they look yuck but the code should work,

you will need to play around with the width thats all.

I'll PM you the files if you want.

EDIT::

wohoo

original code size: 8360 characters

new size: 3346 characters

60% reduction

sorry [/end geekiness]

EDIT2::

I gotta sleep, here are the files, any problems/questions I'll answer when I wake up..

New recoded HTML ZIP (http://www.dvxuser6.com/uploaded/5530/1220757904.zip)
(Right Click "Save Target As")

[Kirk Gillock]

Strange. I removed "height" from the css and that fixed it in my tests.


IMO I would just get rid of height, position, and top (width's are ok) from everything. The layout you have is very basic (masthead, two columns, footer) and needs very little code to get the job done. Anhar's version does it fine and without the height, position, and top attributes. (But his still has the ArialMT.)

Design suggestion: Get rid of the menu image map. Your menu is begging for a mouseover effect to spice things up a little (the page is very static right now). Just a font color change or something. Mouseovers can be done in Dreamweaver very easily, if you have it. But you first need to create the "on" and "off" versions of the menu items in ImageReady.

[Ferret Lady]

Hey Alison, I completely re-coded the first page for you, its about 50% less code, you should be able to use this page as a template to do the rest of 'em

Its all clean floating divs that should behave in both IE and Moz

I used image maps instead of all the tricky and "Messy" image slicing and tabling

also you have the source image files, I had to use print screen to get them so they look yuck but the code should work,

you will need to play around with the width thats all.

I'll PM you the files if you want.

EDIT::

wohoo

original code size: 8360 characters

new size: 3346 characters

60% reduction

sorry [/end geekiness]

EDIT2::

I gotta sleep, here are the files, any problems/questions I'll answer when I wake up..

New recoded HTML ZIP (http://www.dvxuser6.com/uploaded/5530/1220757904.zip)
(Right Click "Save Target As")

woa didnt see this till now but thanks so much man. i'm just about to go to sleep so i'm gonna try this in the morning/afternoon but i really like the sounds of it. i'll get back to you on it tomorrow, sleep time now, but just wanted to give you props for being so nice. really appreciate it. :)

[Ferret Lady]

anhar, i sent you a pm about the code, hopefully you got it.

pk, ya, i would love to spice up the image menu.. i just dont know how. i dont use dreamweaver or anything. i think thats what my design guy used but i'm just using the html editor in godaddy to adjust things. maybe after i figure out how to get the site to look right on all browsers i'll make that my next goal.

[Anhar Miah]

I've replied, the css rollover effect shouldn't be that difficult, if you have access to the original images. (I did a few css hover tests with transparency, it works, basically you can keep the same design as is but with added button effects.)

[Ferret Lady]

can't the original images just be downloaded from the site? they're all broken up into different pieces tho, i guess thats the problem.....

[Anhar Miah]

in that case, we'll skip the rollover effects for now. later.