Tycoon Talk
Become a Big fish!
The number 1 forum for online business!
Post topics, ask questions, share your knowledge.
Tycoon Talk is part of Freelancer.com - find skilled workers online at a fraction of the cost.

HTML Forum


You are currently viewing our HTML Forum as a guest. Please register to participate.
Login



Post a Project »

Find a Professional HTML Freelancer!

Find a Freelancer to help you with your HTML projects

FREE Outsourcing eBook!

Reply
Browser Compatibility Help
Old 01-12-2007, 08:26 AM Browser Compatibility Help
cbeaudin's Avatar
Extreme Talker

Posts: 158
Name: cbeaudin
Location: Proud to be Canadian
Trades: 1
Hi, i have two basic CSS problems one of which i have been trying to fix for days.

The site i am having problems with is: http://jenn.cnotecreations.com/csstest/test.html

1. Min/Max values (Works in Firefox; Doesn't work in IE)

I have set a minimum and maximum size for the content on the right hand side. This works beautifully in Firefox and at first did not work at all in IE. I have since been able to get the content to resize in IE using minmax.js to emulate the features. However, when the content reaches the minimum size, the content shifts down the page and is no longer in line with the nav bar.

Any solutions?


2. The nav bar background images. (Works in IE; Doesn't work in Firefox)

The background images do not display in Firefox for the nav bar using:
background: #cc3366 url(../top_nav.jpg);

Any help to either issue would be greatly appreciated.
cbeaudin is offline
Reply With Quote
View Public Profile
 
 
Register now for full access!
Old 01-12-2007, 09:56 AM Re: Browser Compatibility Help
McBone's Avatar
Super Talker

Posts: 149
Name: i have left
Location: i have left
Trades: 0
1. your using px to define with, use % instead

2. I have viewed you page in IE and firefox, and they look the same, no background pics on either

Last edited by McBone; 01-12-2007 at 09:58 AM..
McBone is offline
Reply With Quote
View Public Profile
 
Old 01-12-2007, 12:23 PM Re: Browser Compatibility Help
cbeaudin's Avatar
Extreme Talker

Posts: 158
Name: cbeaudin
Location: Proud to be Canadian
Trades: 1
The content by percent is a very simple yet it does work for my site, i cant believe i didn't think of that lol, Thanks for the reply, i do appreciate the help.

As for the nav bar, i didn't realize i had the paths wrong when i uploaded it, it is now fixed and i am still having the same problem but even more weird now.

The center graphic now works in Firefox for the nav bar but not the top and bottom using the exact same code, it works fine in IE.
cbeaudin is offline
Reply With Quote
View Public Profile
 
Old 01-12-2007, 02:00 PM Re: Browser Compatibility Help
LadynRed's Avatar
Defies a Status

Posts: 10,017
Location: Tennessee
Trades: 0
On your leftnav, you really should use an unordered list <ul> for your menu items instead of paragraphs. You can then style the list items as you want to.

Your top and bottom graphics for you leftnav do not show up because you have spelled "height" incorrectly in the style rules:

Quote:
#leftnav_top
{
float: left;
width: 190px;
margin: 0;
hieght: 14px;
background: #cc3366 url(../csstest/top_nav.jpg);
background-repeat: no-repeat;
background-position: bottom;
}

#leftnav_bottom
{
float: left;
width: 190px;
hieght: 18px;
margin: 0;
background: #cc3366 url(../csstest/bottomnav.jpg);
background-repeat: repeat-y;
background-position: top;
}


__________________
Web Goddess & Web Standards Evangelist :) - Tables Be Gone !!

Please login or register to view this content. Registration is FREE


Please login or register to view this content. Registration is FREE

LadynRed is offline
Reply With Quote
View Public Profile
 
Reply     « Reply to Browser Compatibility Help
 

Thread Tools Search this Thread
Search this Thread:

Advanced Search

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

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





   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML



Page generated in 0.76827 seconds with 12 queries