Old 30-04-2008, 17:08   #1 (permalink)
thoerr
Registered User
 
Join Date: Oct 2007
Posts: 16
No background in IE

I'm using Divs for my website's layout and haven't had any problems except the site's background doesn't display in versions of IE before 7.

I'm using the Faux Columns technique to separate out the sections. Basically using a background image on a "container div" that will expand according the height of the "content" and "side menu" divs inside. In IE, it doesn't stretch with the content (it doesn't appear at all, even though technically it's there, it just has 0 height)

I'm guessing I'm just missing a simple css line to make IE happy?

Website: greenview.com
CSS: greenview.com/gv.css

(If you notice any other coding or visual problems, feel free to point them out!)

Thanks
  Reply With Quote
Old 30-04-2008, 17:25   #2 (permalink)
StumpyXL
Registered User
 
StumpyXL's Avatar
 
Join Date: Apr 2008
Location: Ohio
Posts: 61
Send a message via AIM to StumpyXL
Use an exception for any browser older than 7 for your background:
http: //creativebits.org/webdev/ie_conditional_css

This is pretty helpful.
  Reply With Quote
Old 30-04-2008, 17:49   #3 (permalink)
thoerr
Registered User
 
Join Date: Oct 2007
Posts: 16
Hmmm, I suppose I could use an exception but I'd prefer just to make my current CSS file functional in IE 7-

I guess if thats not possible without extensive work, I could do that, but I imagine its probably just a one liner fix in the current CSS (...that I unfortunately I don't know and can't figure out)
  Reply With Quote
Old 30-04-2008, 17:53   #4 (permalink)
StumpyXL
Registered User
 
StumpyXL's Avatar
 
Join Date: Apr 2008
Location: Ohio
Posts: 61
Send a message via AIM to StumpyXL
I will look at it tonight, I am new to the forum but I am pretty decent with CSS. I am at work for another hour or so, but I will be on later.
  Reply With Quote
Old 01-05-2008, 08:39   #5 (permalink)
cgl
Registered User
 
Join Date: May 2008
Posts: 6
Provide a width for #fauxframe, otherwise IE6 will collapse it. "Width: 100%;" should fix it.
  Reply With Quote
Old 02-05-2008, 14:48   #6 (permalink)
thoerr
Registered User
 
Join Date: Oct 2007
Posts: 16
Brilliant! Thanks: I knew it was probably something extremely simple, I was messing around with height, didn't think to try width. Thanks again!
  Reply With Quote
Reply



Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools Search this Thread
Search this Thread:

Advanced Search


Contact Us - Web Design Forums - Archive - Top
Search Engine Optimization by vBSEO 3.0.0 RC8