<?xml version="1.0" encoding="utf-8"?>
<rss version="2.0">
	<channel>
		<title><![CDATA[ChipMusic.org - Site looks funky on 1024x768]]></title>
		<link>https://chipmusic.org/forums/topic/105/site-looks-funky-on-1024x768/</link>
		<description><![CDATA[The most recent posts in Site looks funky on 1024x768.]]></description>
		<lastBuildDate>Fri, 08 Jan 2010 21:54:32 +0000</lastBuildDate>
		<generator>PunBB</generator>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1400/#p1400</link>
			<description><![CDATA[<b><i>Trash80 says:</i></b><p>All known issues mentioned in this thread are fixed. Thank you!</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 21:54:32 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1400/#p1400</guid>
		</item>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1361/#p1361</link>
			<description><![CDATA[<b><i>Trash80 says:</i></b><p>Thanks mono. It was probably missed. And there might be some funkyness elsewhere too. We&#039;ll get to it today. About the safari right scroll issue, it&#039;s known as well and will be fixed today. </p><p>Thanks guys.</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 20:34:56 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1361/#p1361</guid>
		</item>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1359/#p1359</link>
			<description><![CDATA[<b><i>Mono says:</i></b><p>Locking up? You mean freezing or crashing or something? What OS version you got? Should work excellent on a mac. What apple model you got?</p><p>Which firefox version were you using?</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 20:30:51 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1359/#p1359</guid>
		</item>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1358/#p1358</link>
			<description><![CDATA[<b><i>Saskrotch says:</i></b><p>i&#039;m using the fuk outta opera</p><p>firefox kept locking up my mac</p><p>there are a lot of little things it does that i like</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 20:27:50 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1358/#p1358</guid>
		</item>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1357/#p1357</link>
			<description><![CDATA[<b><i>Mono says:</i></b><p>Yeah, but I&#039;m being realistic here. No one likes IE... and very little use... &quot;Opera&quot;... whatever that is. ;D</p><p>I can also confirm this scroll bar shiznay, seems to be a webkit issue in the CSS.</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 20:24:40 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1357/#p1357</guid>
		</item>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1337/#p1337</link>
			<description><![CDATA[<b><i>Norock says:</i></b><div class="quotebox"><cite>Mono wrote:</cite><blockquote><p>Other browsers do not exist in my mind.</p></blockquote></div><p>Haha, I wonder if the developers tested in, say, 1280x768 and 1440x900 and said &quot;Hey, looks good with these settings! Other resolutions do not exist in my mind.&quot;</p><p>Just kidding around <img src="https://chipmusic.org/forums/img/smilies/tongue.png" width="15" height="15" alt="tongue" /></p><p>Also, it might be interesting to note that at higher resolutions (i&#039;m at 1440x900) there&#039;s a lot of &quot;white&quot; (black) space over to the right, which wouldn&#039;t be an issue at all except there&#039;s a horizontal scroll bar on my screen even though all the content fits nicely in my window.</p><p>This is in Chrome, haven&#039;t tested other browsers because I never use other browsers.</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 19:36:36 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1337/#p1337</guid>
		</item>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1191/#p1191</link>
			<description><![CDATA[<b><i>akira^8GB says:</i></b><p>Yeah that&#039;s awesome, most my computers run at that (I am poor)</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 15:41:46 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1191/#p1191</guid>
		</item>
		<item>
			<title><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1180/#p1180</link>
			<description><![CDATA[<b><i>LastKnight says:</i></b><p>wow. awesome thanks, my netbook thanks you!</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 15:34:01 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1180/#p1180</guid>
		</item>
		<item>
			<title><![CDATA[Site looks funky on 1024x768]]></title>
			<link>https://chipmusic.org/forums/post/1032/#p1032</link>
			<description><![CDATA[<b><i>Mono says:</i></b><p><a class="postimg" href="http://img262.imageshack.us/img262/2269/yesw.png" title="http://img262.imageshack.us/img262/2269/yesw.png" id="forum_image_29355931"><img src="http://img262.imageshack.us/img262/2269/yesw.png" /></a></p><p>Yeah, and wut. I like viewing my 24 incher in such a resolution.&nbsp; <img src="https://chipmusic.org/forums/img/smilies/wink.png" width="15" height="15" alt="wink" /></p><p>Anyway, most sites should be able to be viewed at such resolution. Fairly average.</p><p>It&#039;s a CSS issue and since I&#039;m in a good mood (and pretty anal) here&#039;s the fix:</p><br /><p>before:<br /></p><div class="codebox"><pre><code>#forum_welcome {
    width: 68.5em;
    font-size: 1.4em;
    line-height:1.9em;
    padding: 2em 4em;
    border: 1px solid #111;
    background:#111 url(/forums/style/Default/images/default_userpic.gif);
    color: #fff;
    border-radius: 4px;
    margin-bottom: 1em;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;    
}</code></pre></div><br /><br /><p>after:<br /></p><div class="codebox"><pre><code>#forum_welcome {
   padding: 2em 2em 2em 2em;
   font-size: 1.4em;    
   line-height:1.9em;  
   border: 1px solid #111;    
   background:#111 url(/forums/style/Default/images/default_userpic.gif);     color: #fff;    
   border-radius: 4px;    
   -webkit-border-radius: 10px;   
   -moz-border-radius: 10px;     
   margin: 0 200px 1em 0;
   display:block;
   position:relative;
   }</code></pre></div><p>removes width, changes padding, changes margin and adds: display:block;<br />&nbsp; &nbsp;position:relative; etc etc</p><p>Next:</p><p>before:<br /></p><div class="codebox"><pre><code>#forum_welcome a {
    display: block;
    background: #c6076c;
    border: none;
    width: 12.3em;
    text-transform:uppercase;
    text-decoration:none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding:.5em 0 .5em 3em;
    margin: 0;
    color: #fff;
    font-family:sans-serif;
    font-size:.8em;
    font-weight:bold;
    cursor:pointer;
    margin-top: 2em;
    margin-left: 35em;
}</code></pre></div><p>after:<br /></p><div class="codebox"><pre><code>#forum_welcome a {
    display: block;
    background: #c6076c;
    border: none;
    width: 12.3em;
    text-transform:uppercase;
    text-decoration:none;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding:.5em 0 .5em 3em;
    color: #fff;
    font-family:sans-serif;
    font-size:.8em;
    font-weight:bold;
    cursor:pointer;
    margin-top: 2em;
    margin:auto;
}</code></pre></div><p>Removing both the margin:0 and the very poor attempt at centering with margin-left:35em; In turn placing margin: auto to replace both and thus centers exactly, rather than half ass <img src="https://chipmusic.org/forums/img/smilies/big_smile.png" width="15" height="15" alt="big_smile" /></p><br /><p>Also, I&#039;d null out:<br /></p><div class="codebox"><pre><code>  padding-left: 4em;
  padding-right: 4em;</code></pre></div><p>from:</p><div class="codebox"><pre><code>#forum_welcome p {
    margin-bottom: 1em;
    padding-left: 4em;
    padding-right: 4em;
}</code></pre></div><p>leaving simply: <br /></p><div class="codebox"><pre><code>#forum_welcome p {
margin-bottom: 1em;
}</code></pre></div><p>Simply for aesthetic reasons... to each their own, I guess.</p><p>Tested in Safari and Firefox... and if it works in Safari it more than likely works in Chrome.</p><p>Other browsers do not exist in my mind.</p><p>Should look like this now in a 1024x768 screen, after fix, of course: <a class="postimg" href="http://img263.imageshack.us/img263/4135/picture4ec.png" title="http://img263.imageshack.us/img263/4135/picture4ec.png" id="forum_image_48238049"><img src="http://img263.imageshack.us/img263/4135/picture4ec.png" /></a></p><p>Tada. That bit should now be 100% fluid, I believe, rather than fix width.</p><p>Ok, I think that should do it.</p><p>Cheers m8! xD</p>]]></description>
			<pubDate>Fri, 08 Jan 2010 09:31:54 +0000</pubDate>
			<guid>https://chipmusic.org/forums/post/1032/#p1032</guid>
		</item>
	</channel>
</rss>
