I have a simple website that provides a free
physics textbook for all. On my mac, the site
looks exactly as I want it. But on IE6 on PCs,
many things go wrong.
(the site is
http://www.motionmountain.net )
All problems are related to the css in
http://www.motionmountain.net/motionmountain.css
Changing the "position: relative" to
"position: absolute" in the code below, which describes the middle,
main column, has almost no effect
on the mac, but dramatic effects on the PC:
.content {
position:relative; /* in PCs: gives strange floating problems */
z-index:1000;
left:150px;
margin:0px;
margin-right:415px; /* for PCs */
padding-top:46px;
padding-left:120px;
padding-right:10px;
padding-bottom:20px;
width:auto;
text-align:left;
font-family:Verdana,Tahoma,Arial,Helvetica,Sans,Gill,sans-serif;
font-size:0.7em;
line-height:1.5;
color:black;
background-image:url(IMAGES/pic2.gif) ;
background-position:left top;
background-repeat:no-repeat;
}
- .content {
- position:relative; /* in PCs: gives strange floating problems */
- z-index:1000;
- left:150px;
- margin:0px;
- margin-right:415px; /* for PCs */
- padding-top:46px;
- padding-left:120px;
- padding-right:10px;
- padding-bottom:20px;
- width:auto;
- text-align:left;
- font-family:Verdana,Tahoma,Arial,Helvetica,Sans,Gill,sans-serif;
- font-size:0.7em;
- line-height:1.5;
- color:black;
- background-image:url(IMAGES/pic2.gif) ;
- background-position:left top;
- background-repeat:no-repeat;
- }
On PCs, on the home page,
"position relative" makes the outer two menus behave
in the way I want (hovering works over the whole block,
not only when the pointer is on the text) but in
exchange, the effect is lost on the red "download
the text" line.
On PCs, the position of the left lower graph changes,
depending on whether I set position:relative
or position:absolute on the middle column.
On the page
http://www.motionmountain.net/text.html ,
the right image float behind the text on IE6, but
float perfectly on firefox.
The same problem happens with the pdf and zip icons.
Obviously, I am not understanding something here.
Can somebody explain all this to me?
Thank you a lot in advance!
Christoph