strange look on ie6 (css?)

[clapczyn]

Hi everybody!

i'm building a site at the moment and tested it under IE (7+8), FF, Safari …
it is html and css valid and works like I want it to, but under IE6 it looks really strange!

i'm really frustrated, can't find any solution!

the site like it should look like is -> Bild1.jpg
and the wrong one is -> image001.jpg

i'm workin on a mac and don't have an own pc, so I can't test under IE6 myself
the ones I have access to run IE 7 or 8
link to the site is: http://www.camelot-consulting.at

well thanks in advance for any hints!
steve

[Rolf]

i'm workin on a mac and don't have an own pc, so I can't test under IE6 myself

Perhaps: http://my-debugbar.com/wiki/IETester/HomePage

Grtz. Rolf

[clapczyn]

great link, but is there a mac version (maybe I'm blind, but I couldn't find one)
found another: http://ipinfo.info/netrenderer/

there it gives me the same problem with IE6 like mentioned above …

but still, I have no clue how to fix it or where the problem comes from

any suggestions?

[spike]

This is a great site to use for mac users who need IE6, 7, and 8 rendering
http://ipinfo.info/netrenderer/index.php

oh you beat me - oh well - tip
Margins and padding are the big "messer uppers" with IE6

gruss - spike

[clapczyn]

thx for the tip!

just checked the css again and think I discovered the root of all evil
the problem here was that I wanted the background of the content-area to change when a menu point is active

I used absolute and relative positioning so that the content area lies infront of the menue (that takes all the space down to the bottom)
but it seems IE6 has not only problems with margins and paddings but also with the positioning …

does anyone have a tip for me how to change the background of the content area on every site without having a stylesheet for every site?
I tried it at first, but couldn't find a way to put smarty in the CSS stylesheet nor could I access the content from the menumanager …


BTW:
I`m really happy that there are so many viewers and answers in such a short time !!!
THANKS - really appreciated!

[Dr.CSS]

1) Your using a hard coded menu, there is no need for all the divs around your menu items a simple ul li would work just fine, try using one of the menu templates...

2) the menu and page content are in the same div...

3) If you use images for the content background you can use {$page_alias} for a class and call the colored stripe to show according to what page your on...

[clapczyn]

Thanks for the reply!

OMG! if I understand it right it would be that simple:

template:

Code: Select all

<div id="{$page_alias}"> 
{content} 
</div> 

css:

Code: Select all

#firstpage-alias{ 
background: url(images/test.png); 
} 

#secondpage-alias{ 
background: url(images/test.png); 
}

is that right?
if yes, that's really embarrassing


THX again!