By using this site, you agree to our updated Privacy Policy and our Terms of Use. Manage your Cookies Settings.
437,738 Members | 1,114 Online
Bytes IT Community
+ Ask a Question
Need help? Post your question and get tips & solutions from a community of 437,738 IT Pros & Developers. It's quick & easy.

CSS with IE 7

P: n/a
BmB
My CSS hack displays well in all browser but IE 7. What is different in IE 7
that it displays boxes in overflow? Here is the CSS script:
@media all

{

..clearfix { display: inline-block; }

* html .clearfix { height: 1%; }

..clearfix { display: block; }

* html .floatbox { width:100%; }

* html #col1 { position:relative; }

* html #col2 { position:relative; }

#col3 { position:relative; }

* html .hold_floats { height: 1%; }

* html ul { position: relative }

* html ol { position: relative }

* html dl { position: relative }

* html blockquote { zoom:1 }

#page_margins, #page, #header, #nav, #main, #footer { zoom: 1; }

* html #col1 { display: inline; }

* html #col2 { display: inline; }

* html #col1_content { overflow: visible; }

* html #col2_content { overflow: visible; }

* html #col3_content { overflow: visible; }

#ie_clearing {

display:block;

\clear:both;

margin-bottom:-1em;

width: 102%;

font-size:0;

}

* html #ie_clearing { width: 100%; }

#col3_content {margin-bottom:-2px; }

..c50l { display:inline; }

..c50r { display:inline; }

..subc, .subcl, .subcr { width:auto; zoom: 1; }

..subc, .subcl, .subcr { \width:100%; w\idth: auto; }

#head1 {

margin-left:98px;

}

#head2 {

margin-left:112px;

}

#head3 {

margin-left:140px;

}

#col1_content ul li {

padding:0;

margin:0;

}

#col1_content ul a {

line-height:1em;

padding:0 0 0 10px;

margin:0;

}

#searchform h4, #undermenu h4, #quickcontact h4 {

height:30px;

}

}

@media screen

{

* html #col1_content { word-wrap: break-word; }

* html #col2_content { word-wrap: break-word; }

* html #col3_content { word-wrap: break-word; }

a, a:hover { background-color: transparent; }

#footer a, #footer a:hover { background-color: transparent; }

}
Jan 29 '07 #1
Share this Question
Share on Google+
3 Replies


P: n/a
Scripsit BmB:
My CSS hack displays well in all browser but IE 7.
Luckily IE 7 breaks many hacks. For example, hacks that rely on malformed
CSS to be processed in a certain way by old versions of IE may well find
them getting processed differently by IE 7.

If you would care to explain what your hack is supposed to help, what it is,
how it is supposed to do what you want, and illustrate this with a URL,
explaining how your hack works on IE 7, maybe - just maybe - somewhat wants
to comment on your hacking and perhaps even explain what's wrong with it.

--
Jukka K. Korpela ("Yucca")
http://www.cs.tut.fi/~jkorpela/

Jan 29 '07 #2

P: n/a
BmB wrote:
My CSS hack displays well in all browser but IE 7. What is different in IE 7
that it displays boxes in overflow? Here is the CSS script:
@media all
{
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
See <http://www.positioniseverything.net/>

--
jmm (hyphen) list (at) sohnen-moe (dot) com
(Remove .AXSPAMGN for email)
Jan 29 '07 #3

P: n/a
BmB wrote:
My CSS hack displays well in all browser but IE 7.
>
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }

What Jukka and Jim said. Also, see
http://msdn.microsoft.com/library/de...css_compat.asp

or as a non-wrapped url: http://tinyurl.com/b245h

Look in that page for the section headed "* HTML Filter". While you're
there, read the rest of the page for other hacks which you might be
trying to use which will no longer do what you expect.

--
John
Jan 30 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.