Posted by Martin Pöpping on 07/17/06 21:26

Wowww! Thanks a lot to all for your help!

What a great newsgroup ;)


So maybe you could help me with my second curious IE problem.

I´m defining tags like this:

div#header {

position: fixed;
top: 0px;
left: 188px;
width: 410px;

height: 99px;

background-image: url(../img/blank.jpg);
background-repeat: repeat;
}


div#footer {
bottom: 0px;
left: 188px;
width: 410px;

height: 50px;

background-image: url(../img/blank.jpg);
background-repeat: repeat;
}

div#right{
top: 100px;
left: 750px;
width: 100%;

}

div#menu {

top: 100px;
left: 0px;
width: 183px;
height: 600px;
border-right-width: 4px; border-left-style: none;
}



div#impressum{

left: 0px;
bottom:1px;
}


div#news{
top: 100px;
width: 144px;
border: solid 2px #003366;
left: 602px;
height: 500;
}


table#content{

width: 405px;
border-right-width: 4px; border-left-style: none;
height: 100%;
text-align: justify;
}




With a fixed position to the screen:

@media screen{
body>div#header, div#menu, div#right, div#footer, div#border,
div#impressum, div#news{
position:fixed;
}




All tags i used with:

<div id="header">bla bla</div>

<div id="menu">bla bla</div>

<div id="content">bla bla</div>


<div id="news">bla bla</div>


<div id="right">bla bla</div>


<div id="footer">bla bla</div>



Firefox displays it side by side as i want it:

======================= header =============

menu || content || news || right ||

======================= footer =============


But IE displays it among each other:

header
------
menu
------
content
------
news
------
right
-----
footer




Bye,
Martin

[Back to original message]