I have very diffrent behavoiur in IE and Firefox for my content.
If I put this code in my css:
div#main {
padding: 0 0 0 1px;
width: 60%;
margin: 0 0 0 14%;
background: #FFFFFF;
float: left;
}
In Firefox the page looks like FF1.jpg, and thats fine, But in IE it look like IE1.jpg, wich is not good at all because the login block is then moved down and also the white area to the left of the content is to big.
But if I put this code in my css:
div#main {
padding: 0 0 0 1px;
width: 60%;
margin: 0 10% 0 0 ;
background: #FFFFFF;
float: left;
}
In IE it looks like IE2.jpg wich is good, but hen it looks like FF2.jpg in forefox, wich is bad again...
Can someone help me out??
Thnx! Barbera
[attachment deleted by admin]
content layout diffrence in IE and Firefox
Re: content layout diffrence in IE and Firefox
2nd pic
[attachment deleted by admin]
[attachment deleted by admin]
Re: content layout diffrence in IE and Firefox
3nd pic
[attachment deleted by admin]
[attachment deleted by admin]
Re: content layout diffrence in IE and Firefox
4th pic
[attachment deleted by admin]
[attachment deleted by admin]
Re: content layout diffrence in IE and Firefox
get it good in Ff...directly under it the good for IE CSS...
* html body div#main {
padding: 0 0 0 1px;
width: 60%;
margin: 0 10% 0 0 ;
background: #FFFFFF;
float: left;
}
if that's the good IE...
this will hide it from Ff but IE will take it... might not validate CSS...
* html body div#main {
padding: 0 0 0 1px;
width: 60%;
margin: 0 10% 0 0 ;
background: #FFFFFF;
float: left;
}
if that's the good IE...
this will hide it from Ff but IE will take it... might not validate CSS...
Re: content layout diffrence in IE and Firefox
I have added * html body before div#main, and in IE it still looks good, but in FF the content is now over the entire width of the page and the login block is now beneath all the content on the right side....
Re: content layout diffrence in IE and Firefox
do you have both of them... like this... one right after the other...
div#main { this is for Ff...
padding: 0 0 0 1px;
width: 60%;
margin: 0 0 0 14%;
background: #FFFFFF;
float: left;
}
* html body div#main { this is for IE... it's known as the 'box model hack' or some such thing...
padding: 0 0 0 1px;
width: 60%;
margin: 0 10% 0 0 ;
background: #FFFFFF;
float: left;
}
div#main { this is for Ff...
padding: 0 0 0 1px;
width: 60%;
margin: 0 0 0 14%;
background: #FFFFFF;
float: left;
}
* html body div#main { this is for IE... it's known as the 'box model hack' or some such thing...
padding: 0 0 0 1px;
width: 60%;
margin: 0 10% 0 0 ;
background: #FFFFFF;
float: left;
}
Re: content layout diffrence in IE and Firefox
no i didn't have both of them, sorry I miss understood 
It work now with both of them , thanks very much!!

It work now with both of them , thanks very much!!