Looking for help fixing my website!

Ferret Lady

Ferret Lady

Well-known member
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.
 
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!
 
Last edited:
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?
 
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.
 
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...
 
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.
 
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!
 
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
(Right Click "Save Target As")
 
Last edited:
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.
 
Last edited:
Anhar Miah said:
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
(Right Click "Save Target As")
Click to expand...

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. :)
 
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.
 
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.)
 
You must log in or register to reply here.
Back
Top