Problems in displaying in IE 6.0 , bottom not alligned

Comments

micha_1977’s picture

Title: Fails in IE 6.0 » maybe a solution

not tested yet but works for me in ie 6.0
maybe another can test it in opera/mozilla ?

some css/html structure notes

layout-structure ("div's")

page
- header
...
- footer

so header and footer should be somehow similar, but when you look at the style.css
there is first

#header {
	padding: 0;
	margin: 0 auto;
	height: 200px;
	width: 100%;
	background-color: #73a0c5;
	}

and later (think of the CSS rules!)

#header 	{ margin: 0 !important; margin: 0 0 0 1px; padding: 1px; height: 198px; width: 758px; }

you see the difference in "margin" ?

solution

search the style.css for the following

#footer {
padding: 20px 0;
margin: 0 auto;
width: 760px;
clear: both;
}
and replace the margin setting with
"margin: 0 0 0 1px;"

withaynoti’s picture

Your solution fixes it for IE6, but then breaks it on Gecko-based browsers (where it was aligned correctly to begin with). So obviously there are box-model issues with it. If I have time tomorrow, I'll take a look at it.

holger’s picture

There is a difference in the look of this great theme between MS internetexplorer 6 and firefox 1.0.4
If i use a personalheader there will be a small line under the header in IE because the original image kubrikheader is also there. If i delete the kubrikheader.jpg or exchange this one with a personalheader.jpg the theme collapse.

You can see this small line under the new header with IE at http://cms.stnetwork.de
Firefox don't show this line.

How can i change this?

greetings from germany, holger

micha_1977’s picture

you see the problem by looking at this example

http://www.langmi.de/files/headerexample.jpg

if your layout is still broken, when using this one... then you changed some more css

wack0’s picture

has anyone fixed this yet? its driving me insane!

Gurpartap Singh’s picture

Assigned: Unassigned » Gurpartap Singh
Status: Active » Fixed

Fixed

Anonymous’s picture

Status: Fixed » Closed (fixed)