7 replies [Last post]
aye
Offline
Regular
Last seen: 11 years 21 weeks ago
Joined: 2007-03-30
Posts: 13
Points: 0

Hello everyone!!
can any css expert please help me with my website? It is looking fine in mozilla browsers and opera, but when it comes to ie6 and below (ie7 works fine as well), it is looking like crap outright!
Here's the link: btdig.com

any help would be great Smile

EDIT: forgot, here's the css document: btdig.com/style.css (could be useful Tongue).

DanA
DanA's picture
Offline
Elder
Last seen: 9 years 27 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Try adding after the rule

Try adding (after the rule #body #main)
* html #body #main{margin:0;}
* html #menu .item{height:300px;}

aye
Offline
Regular
Last seen: 11 years 21 weeks ago
Joined: 2007-03-30
Posts: 13
Points: 0

thanks for your help, but it

thanks for your help, but it is still not showing up correctly (the footer's top-border is right underneath the right menu with your solution, but i need it to be just below the body div (which's height varies)).

ps. does ie6 support dotted borders? they appear slashed :/

Desdinova
Desdinova's picture
Offline
Enthusiast
Last seen: 6 years 49 weeks ago
Timezone: GMT+1
Joined: 2006-03-28
Posts: 341
Points: 4

IE6 has a funny rendering

IE6 has a funny rendering mode of dotted borders, yes.

As a rule, I never touch anything more sophisticated and delicate than myself

DanA
DanA's picture
Offline
Elder
Last seen: 9 years 27 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

Add height:1%; in #footer

Add height:1%; in #footer
You should control default margins and paddings for the different gaps that appear with IE

aye
Offline
Regular
Last seen: 11 years 21 weeks ago
Joined: 2007-03-30
Posts: 13
Points: 0

finally works. thanks a

finally works. thanks a bunch for your help, DanA!

sam0077
Offline
newbie
Last seen: 12 years 4 weeks ago
Joined: 2007-04-04
Posts: 3
Points: 0

Also need a IE6 fix - can you explain your posting?

Hi Dan, I am trying to learn from other people's posts so that I don't repeat topics on your forum.

I am unclear about your suggestion - is that CSS code? I have not read anything that begins with *html - can you tell me what that is for?

I have the same problem - my first web page looks nice on Firefox, Netscape and Opera - but it is horrendous in IE6. The menus are moved all the way to the right and I have .PNG problems.

I read of 3 fixes through different forums for IE6:

1) Add position:relative to the body tag.
2) Include a Javascript file with your website and add this line of Javacode from doxdesk.com:
XHTML CODE: script type="text/javascript" src="fixed.js" script

3) Use this code in your XHTML file:
XHTML CODE:
[if IE]>

body {
behavior: url(csshover.htc);
font-size: 100%;
}

#menu ul li {float: left; width: 100%;}
#menu ul li a {height: 1%;}

#menu a, #menu h2 {
font: bold 0.7em/1.4em arial, helvetica, sans-serif;
}

[endif] -->

None of these options work, and I need expert advice.

Any help you can provide would be greatfully appreciated.

DanA
DanA's picture
Offline
Elder
Last seen: 9 years 27 weeks ago
Timezone: GMT+2
Joined: 2004-08-14
Posts: 1087
Points: 2

* html is a hack or filter (

* html is a hack or filter ( star hack ) which allows to target IE 5.x and IE 6.
Read the stickies, start a new topic with a link to your page and someone here will help you.