CSS Browser Compatability Problem

Status
Not open for further replies.
X

xecutech

New member
Oct 5, 2007
360
1
0
Nashville TN
www.adpals.com
I have a design I laid out in photoshop and then tried using one of the built in css templates in dreamweaver. It looked fine in IE, but in firefox it all goes to hell. I know it's probably something simple that I overlooked, but I am not sure what it is.

Could one of you please take a peek and please let me know what I did wrong? Here is the link: Untitled Document

I need a css guru quick!!! :)

Thank you.
 


I'm not the best at css, but it looks like it has something to do with the hovermenu being in the header. Try taking it out and putting it in its own div that covers the width of the page, so after header, the menu would be the next element.

Also, try to use height/width or position declarations only when needed. This may take a little trial-and-error, but try removing them one by one and see if it helps any.

Another thing to try is to set the display properties for the main elements (display:inline or display:block); if you do this and they are not positioned like you want them, you can set a float property (left or right) along with the margin properties
 
Thank you. I already tried it without the hover menu, and there was still a problem. I may just do it from scratch and not use the template. I may give it another try first by switching some settings around. Thank you for your assistance. I need to get a better handle on css! :)
 
Remove the "margin-top" from hovermenu.

Then add:

#header { position: relative; }
.hovermenu { position: absolute; bottom: 5px; }
 
audax, your the man! Thank you very much.

It works in both browsers now. I uploaded it to the same link to show it works now. This is the first time I had to ask for help on designing a site. I was a little embarrased to ask at first, but glad I did.

Now the links in the footer are off, but I am going to see if I can figure that out now. Thank you, thank you, thank you! :)
 
Nevermind the problem at the bottom, I figured it out on my own.
Now, I can work on getting this project knocked out this weekend.

Oh, and jryan21 I just noticed your in Nashville as well? Which part?
 
If you're not using firebug for firefox, you should try it. I have found it to be a real timesaver.

I'm in NW Nashville.
 
Ditto. Firebug for Firefox and IE Developer Toolbar for IE (duh) are your friends in CSS land.
 
Status
Not open for further replies.
Top Bottom