<?xml version="1.0" encoding="utf-8"?>
<feed xmlns="http://www.w3.org/2005/Atom">
	<title type="html"><![CDATA[ChipMusic.org - Site looks funky on 1024x768]]></title>
	<link rel="self" href="https://chipmusic.org:80/forums/feed/atom/topic/105/"/>
	<updated>2010-01-08T21:54:32Z</updated>
	<generator>PunBB</generator>
	<id>https://chipmusic.org/forums/topic/105/site-looks-funky-on-1024x768/</id>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1400/#p1400"/>
			<content type="html"><![CDATA[<p>All known issues mentioned in this thread are fixed. Thank you!</p>]]></content>
			<author>
				<name><![CDATA[Trash80]]></name>
				<uri>https://chipmusic.org/Trash80</uri>
			</author>
			<updated>2010-01-08T21:54:32Z</updated>
			<id>https://chipmusic.org/forums/post/1400/#p1400</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1361/#p1361"/>
			<content type="html"><![CDATA[<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>]]></content>
			<author>
				<name><![CDATA[Trash80]]></name>
				<uri>https://chipmusic.org/Trash80</uri>
			</author>
			<updated>2010-01-08T20:34:56Z</updated>
			<id>https://chipmusic.org/forums/post/1361/#p1361</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1359/#p1359"/>
			<content type="html"><![CDATA[<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>]]></content>
			<author>
				<name><![CDATA[Mono]]></name>
				<uri>https://chipmusic.org/Mono</uri>
			</author>
			<updated>2010-01-08T20:30:51Z</updated>
			<id>https://chipmusic.org/forums/post/1359/#p1359</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1358/#p1358"/>
			<content type="html"><![CDATA[<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>]]></content>
			<author>
				<name><![CDATA[Saskrotch]]></name>
				<uri>https://chipmusic.org/Saskrotch</uri>
			</author>
			<updated>2010-01-08T20:27:50Z</updated>
			<id>https://chipmusic.org/forums/post/1358/#p1358</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1357/#p1357"/>
			<content type="html"><![CDATA[<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>]]></content>
			<author>
				<name><![CDATA[Mono]]></name>
				<uri>https://chipmusic.org/Mono</uri>
			</author>
			<updated>2010-01-08T20:24:40Z</updated>
			<id>https://chipmusic.org/forums/post/1357/#p1357</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1337/#p1337"/>
			<content type="html"><![CDATA[<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>]]></content>
			<author>
				<name><![CDATA[Norock]]></name>
				<uri>https://chipmusic.org/Norock</uri>
			</author>
			<updated>2010-01-08T19:36:36Z</updated>
			<id>https://chipmusic.org/forums/post/1337/#p1337</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1191/#p1191"/>
			<content type="html"><![CDATA[<p>Yeah that&#039;s awesome, most my computers run at that (I am poor)</p>]]></content>
			<author>
				<name><![CDATA[akira^8GB]]></name>
				<uri>https://chipmusic.org/akira%5E8GB</uri>
			</author>
			<updated>2010-01-08T15:41:46Z</updated>
			<id>https://chipmusic.org/forums/post/1191/#p1191</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Re: Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1180/#p1180"/>
			<content type="html"><![CDATA[<p>wow. awesome thanks, my netbook thanks you!</p>]]></content>
			<author>
				<name><![CDATA[LastKnight]]></name>
				<uri>https://chipmusic.org/LastKnight</uri>
			</author>
			<updated>2010-01-08T15:34:01Z</updated>
			<id>https://chipmusic.org/forums/post/1180/#p1180</id>
		</entry>
		<entry>
			<title type="html"><![CDATA[Site looks funky on 1024x768]]></title>
			<link rel="alternate" href="https://chipmusic.org/forums/post/1032/#p1032"/>
			<content type="html"><![CDATA[<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_86061380"><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_82687943"><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>]]></content>
			<author>
				<name><![CDATA[Mono]]></name>
				<uri>https://chipmusic.org/Mono</uri>
			</author>
			<updated>2010-01-08T09:31:54Z</updated>
			<id>https://chipmusic.org/forums/post/1032/#p1032</id>
		</entry>
</feed>
