WebProWorld Part of WebProNews.com
Page One Link To Us Edit Profile Private Messages Archives FAQ RSS Feeds  
 

Go Back   WebProWorld > Site Design > Graphics & Design Discussion Forum
Subscribe to the Newsletter FREE!


Register FAQ Members List Calendar Arcade Chatbox Mark Forums Read

Graphics & Design Discussion Forum Post your graphics design questions/comments/ideas in here. Ask questions, post tutorials, discuss trends and best practices. Sub-forum for website accessibility and usability.

Reply
 
LinkBack Thread Tools Display Modes
  #1 (permalink)  
Old 05-16-2007, 04:12 PM
richj55 richj55 is offline
WebProWorld New Member
 

Join Date: Dec 2003
Posts: 4
richj55 RepRank 0
Default Problems with CSS

Here is a link to a page that shows a website that I am building in both Firefox 2 and IE 6.

www.fiftyfivered.com/Serpa.htm

I need help making them look the same. You will see five items that I have specifically not been able to correct in Firefox to look like they do in IE. Any help is appreciated. I have searched the web and tried many different things and have still not been able to correct them.
Reply With Quote
  #2 (permalink)  
Old 05-17-2007, 06:01 PM
richj55 richj55 is offline
WebProWorld New Member
 

Join Date: Dec 2003
Posts: 4
richj55 RepRank 0
Default Link

Here is a link to the actual web page:

www.serpapackaging.com/serpapkg2.0/main.htm
Reply With Quote
  #3 (permalink)  
Old 05-18-2007, 01:09 PM
drummin drummin is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: California,USA
Posts: 373
drummin RepRank 0
Default

Hi,

Just some notes on your css.
Add # to all colors.
Remove period "." from h1,h2 and p as these are not classes.
Add qoatation "" around image pathways inside brackets.
Also "0px" should should be definded as just 0.

You might rethink layout. Foot in definded postion won't move as content grows. The right links and foot are getting padding from p tags. Removing p from hrml should fix those issues. OR define p in css for those areas as in.
#footcontent p {padding:0; margin:0}
#toplinks p {padding:0; margin:0}
#navsub p {padding:0; margin:0}
Reply With Quote
  #4 (permalink)  
Old 05-18-2007, 03:43 PM
drummin drummin is offline
WebProWorld Veteran
 

Join Date: Aug 2003
Location: California,USA
Posts: 373
drummin RepRank 0
Default

Hello again,

You're also missing opening html tag on sample page.
I would also add padding:0; margin:0; to your body css.

As I mentioned, you might rethink your layout.
Try adding this to your content and see what happens.

































Hello
Reply With Quote
Reply

  WebProWorld > Site Design > Graphics & Design Discussion Forum
Tags: css, problems



Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On



Search Engine Friendly URLs by vBSEO 3.0.0