Jump to content

problems displaying one CSS block in IE5 IE6 and IE8


co.ador

Recommended Posts

Hi guys

 

#right {
display:inline;
width:auto;
position:absolute;
margin:9.0em 0 0 98em;
font-family:"Times New Roman", Times, serif;
font-weight:500;
font-size:11px;}

 

 

The visitors counter at the top right at http://www.nyhungry.com

is not displaying inside the width of the body in IE5 IE6 IE8 and safari. It is working in FF and IE7 Need some help..

 

Display inline is not working for those browser..

 

<div id="right">
1 visitor online 
</div>

Link to comment
Share on other sites

There is a couple of things more

 

Now there is a div in IE5 the Wrapper which is to close to the hearder it seems like the margin-top is not enough but then if I put some margin-top it will affect the other browser...

 

#wrapper {
    min-height: 100%;
    margin:-4em 0 0em  0;
padding: 0 0 0 0;
display:block;
display:inline;
float:left;
width:auto;
}
* html #wrapper {
    height:100%;


}
body:before {
    content:"";
    height:100%;
    float:left;
    width:0;
    margin-top:-32767px;

}
#wrapper:after {
    clear:both;
    display:block;
    height:1%;
    content:" ";

}

 

The Wrapper is the big orange gradient Search Form "for a restaurant" at the left of the body. In Internet Explorer 5 seems not to get the top margin down..

 

<div id="wrapper">
</div>

Link to comment
Share on other sites

to make margins cross browser i always start my css with

* { margin: 0px; }

then give margin to the elements that need it. im not sure how far into this you are so before implementing, consider weather or not you have time to go back and give margin to what needs it.

Link to comment
Share on other sites

. im not sure how far into this you are so before implementing, consider weather or not you have time to go back and give margin to what needs it.

What do you mean how far into this you are so....

 

 

thank you dorky..

 

 

I have applied it as below:

 

#videowrapper {
height:255px;
width:200px;
margin: 10em 0 0 5em;
padding:0;
float:left;

}
* #videowrapper {margin-left:0;}

 

is the above code correctly scripted?

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.