Comments on: Updates and steps back http://www.phrixus.co.uk/posts/2005/01/updates-and-steps-back Thu, 04 Mar 2010 07:36:50 +0000 hourly 1 http://wordpress.org/?v=3.0.1 By: Phrixus http://www.phrixus.co.uk/posts/2005/01/updates-and-steps-back/comment-page-1#comment-425 Phrixus Wed, 19 Jan 2005 09:39:52 +0000 http://www.phrixus.co.uk/archives/2005/01/19/updates-and-steps-back/#comment-425 My god... I have ruined my site... just saw the comments area in IE!!! Forgot to look at that... actually I solved the floating issue after about 3 days of googling! I would have posted the code but it kept fouling up... basically I have a new CSS class called .clearbox as follows } .clearbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } This uses the CSS2 option 'after' to basically put something at the end and hide it whilst clearing both ways. For IE Mac I also added; .clearbox {display: inline-table;} /* Hides from IE-mac */ * html .clearbox {height: 1%;} .clearbox {display: block;} /* End hide from IE-mac */ By adding the height element it triggers IE's auto enclose 'feature/non-compliance'!! To use you simply add the clearbox class to any tag you want it to work on...e.g <div class="stylex clearbox"> I have had to break my nice comments layout this morning to accomodate IE but I will get it back this evening!! My god… I have ruined my site… just saw the comments area in IE!!! Forgot to look at that… actually I solved the floating issue after about 3 days of googling! I would have posted the code but it kept fouling up… basically I have a new CSS class called .clearbox as follows

}
.clearbox:after {
content: “.”;
display: block;
height: 0;
clear: both;
visibility: hidden;
}

This uses the CSS2 option ‘after’ to basically put something at the end and hide it whilst clearing both ways. For IE Mac I also added;

.clearbox {display: inline-table;}

/* Hides from IE-mac */
* html .clearbox {height: 1%;}
.clearbox {display: block;}
/* End hide from IE-mac */

By adding the height element it triggers IE’s auto enclose ‘feature/non-compliance’!!

To use you simply add the clearbox class to any tag you want it to work on…e.g

<div class=”stylex clearbox”>

I have had to break my nice comments layout this morning to accomodate IE but I will get it back this evening!!

]]> By: GrinGod http://www.phrixus.co.uk/posts/2005/01/updates-and-steps-back/comment-page-1#comment-424 GrinGod Wed, 19 Jan 2005 09:14:36 +0000 http://www.phrixus.co.uk/archives/2005/01/19/updates-and-steps-back/#comment-424 It appears that my HTML was stripped out... lets try that again: <code> <div id="post" style="display: block"> <img src="..." style="float: left"> </div> </code> It appears that my HTML was stripped out… lets try that again:


<div id="post" style="display: block">
<img src="..." style="float: left">
</div>

]]> By: GrinGod http://www.phrixus.co.uk/posts/2005/01/updates-and-steps-back/comment-page-1#comment-423 GrinGod Wed, 19 Jan 2005 09:12:11 +0000 http://www.phrixus.co.uk/archives/2005/01/19/updates-and-steps-back/#comment-423 Did you get around the CSS "floating over everything" issue by floating the inside element (the image) and having the surrounding element (the post) as displaying in a block? e.g.: <code> <div id="post" style="display:block" /> <img src="..." style="float: left;" /> </div> </code> Did you get around the CSS “floating over everything” issue by floating the inside element (the image) and having the surrounding element (the post) as displaying in a block? e.g.:

]]>