<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>jonnycarroll &#187; CSS</title>
	<atom:link href="http://www.jonnycarroll.co.uk/index.php/tag/css/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.jonnycarroll.co.uk</link>
	<description>thoughts, opinions and tips from and for the web community (plus non work stuff)</description>
	<lastBuildDate>Tue, 07 Feb 2012 20:14:02 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>IE7 fieldset input position bug</title>
		<link>http://www.jonnycarroll.co.uk/index.php/2006/12/01/ie7-fieldset-input-position-bug/</link>
		<comments>http://www.jonnycarroll.co.uk/index.php/2006/12/01/ie7-fieldset-input-position-bug/#comments</comments>
		<pubDate>Fri, 01 Dec 2006 17:15:35 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[HTML/CSS]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Bugs]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[IE7]]></category>

		<guid isPermaLink="false">http://blog.jcarroll.org.uk/index.php/2006/12/01/ie7-fieldset-input-position-bug/</guid>
		<description><![CDATA[Whilst developing some view related material for a new project I&#8217;ve been working on I came across this rather puzzling that affects various types of input fields in Internet Explorer 7 (I haven&#8217;t checked to see if it occurs in lower versions of IE): Basically, when an input tag is surrounded by a fieldset tag which [...]]]></description>
			<content:encoded><![CDATA[<p>Whilst developing some view related material for a new project I&#8217;ve been working on I came across this rather puzzling that affects various types of input fields in Internet Explorer 7 (I haven&#8217;t checked to see if it occurs in lower versions of IE):</p>
<p>Basically, when an input tag is surrounded by a fieldset tag which is surrounded by a containing tag such as a div with a left margin, the input tag inherits the margin defined in the containing div. Here&#8217;s an example of what I mean:</p>
<div style="font-family: Courier New, Courier">(div style=&#8221;border: #ccc 1px solid&#8221;)<br />
(div style=&#8221;margin: 50px; border: blue 1px solid&#8221;)       Container with 50px margin<br />
(fieldset)<br />
(legend)Fieldset(/legend)<br />
(input type=&#8221;file&#8221; /)<br />
(input type=&#8221;checkbox&#8221; value=&#8221;on&#8221; /) Checkbox is not affected<br />
(/fieldset)<br />
(/div)<br />
(div)</div>
<p>If you try this in IE you&#8217;ll see that the file input box inherits the 50px margin. Very odd indeed!</p>
<p>Anyway, after a quick browse on the web I found the solution (and the cause of the problem):</p>
<p>Simply surround your input fields with a containing div (don&#8217;t use a p tag if it&#8217;s within a form tag as it will break page validation) and set the margin of that div to 0.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonnycarroll.co.uk/index.php/2006/12/01/ie7-fieldset-input-position-bug/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>New website for jcarroll.org.uk</title>
		<link>http://www.jonnycarroll.co.uk/index.php/2006/07/31/say-hello-to-mr-webby-website/</link>
		<comments>http://www.jonnycarroll.co.uk/index.php/2006/07/31/say-hello-to-mr-webby-website/#comments</comments>
		<pubDate>Mon, 31 Jul 2006 18:39:52 +0000</pubDate>
		<dc:creator>Jonathan</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[.Net]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>

		<guid isPermaLink="false">http://blog.jcarroll.org.uk/index.php/2006/07/31/say-hello-to-mr-webby-website/</guid>
		<description><![CDATA[Well, this is a new frontier for my business and I &#8211; it&#8217;s my first post to my first ever blog AND the main website has just had a face-lift. Times are a changing I tell &#8216;ya. It&#8217;s an odd feeling, this blogging business, especially when you know few (or no) people are even reading [...]]]></description>
			<content:encoded><![CDATA[<p>Well, this is a new frontier for my business and I &#8211; it&#8217;s my first post to my first ever blog AND the main website has just had a face-lift. Times are a changing I tell &#8216;ya.</p>
<p>It&#8217;s an odd feeling, this blogging business, especially when you know few (or no) people are even reading the thing. Still, we all know the importance of a blog these days so here I am writing my first post.</p>
<p>Anyway, the new website has had a whole host of changes and improvements, most notably the overall look-and-feel, which has been left wanting for quite some time now. There&#8217;s a great deal more information available the services the business provides and its past clients &#8211; mostly folk like myself, struggling to make a little place for themselves in the world. If I were to be honest (which I am&#8230; always&#8230; honest), there are a great deal more <strong>pages</strong> making space for new information, with that information neatly printed in my head. I really must set some time aside so that I finish the damn thing!</p>
<p>OK, that&#8217;s enough for now. I don&#8217;t want to overdo it on my first post&#8230;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.jonnycarroll.co.uk/index.php/2006/07/31/say-hello-to-mr-webby-website/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

