EasyCFM.COM ColdFusion Forums / Coding Help! / CSS issue in IE

   Reply to Discussion | New Discussion << previous || next >> 
Posted By Discussion Topic: CSS issue in IE

book mark this topic Printer-friendly Version  send this discussion to a friend  new posts last

nmiller
12-10-2004 @ 1:51 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 773
Joined: Apr 2003

I have a CSS-P layout for a client that works fine in netscape/firefox, but fails in IE.

http://www.nmconsulting.us/clients/melsa/site/manual/index.cfm?section=av&page=art_prints

The problem is when html tables in the id="main" section that are wider than 500px, everything gets pushed down so the top of the table is even with the bottom of the left navigation menu.  Try viewing the link in NN or firefix, then in IE and you'll see the problem.

Anyone have an idea on how to get wide tables to float above their parent?

Nathan Miller
NM Consulting

GrowlyBear
12-10-2004 @ 2:45 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 1314
Joined: May 2004

Have you tried using z-index?

~~~~~~~~~~~~~~~~~~~
There is no place like 127.0.0.1

nmiller
12-10-2004 @ 4:25 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 773
Joined: Apr 2003

yes, that didn't work.

Nathan Miller
NM Consulting

Newton
12-13-2004 @ 1:27 AM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Senior Member
Posts: 302
Joined: Jul 2003

Making a site completely in css is a great success when you get it working

That is awesome that you are doing it that way.

I dont know enough about css to do that myself but im still working towards it.

I tried playing around to find the issue but I couldnt pinpoint it

Not sure if you are familiar with CSS Zen Garden but it is a site dedicated to promoting the complete usage of css like you are doing with your site.

may want to start there and see if any one can help you solve the compliance issue.

I also noticed your bottom row is 64 px off in IE, not sure if you noticed that too as you didnt mention it.



And the fourth angel poured out his vial upon the sun
and power was given unto him to scorch men with fire
Revalations 16:8

nmiller
12-13-2004 @ 9:06 AM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 773
Joined: Apr 2003

Yeah, it's the same issue.  The whole main section is shifted left equal to the size of the table that is bigger than the main section (clear as mud?).

Nathan Miller
NM Consulting

drake
12-13-2004 @ 8:23 PM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Junior Member
Posts: 125
Joined: Apr 2004

Do you have a seperate css style for IE.....you could run a simple
javascript sniffer for IE and change the style for that id or class on a
separate style sheet with just that class or id defined...Give it a shot if
you need the script let me know...

HTH

drake

-----------------------------
-Get It Done!

maquiladoras
12-14-2004 @ 10:35 AM
Reply
Edit
Profile
Send P.M.
My Gravatar!
Powered by Gravatar
Moderator
Posts: 2073
Joined: Dec 2002

i know this is gonna sound stupid
but just remove the XML decleration and see if that helps in IE

i had the same thing but i noticed IE rendered it if i removed the XHTML tag

so i ended up putting this code in

<cfif CGI.HTTP_USER_AGENT CONTAINS "MSIE">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<cfelse>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
</cfif>


and if they validate the page, it'll come back as xhtml compliant (if it is) because the checker isnt IE Smile

-
"There is no justice, There is Just Us"
-


Website Designed and Developed by Pablo Varando.