Icons

[soundoftrees]

Journal Preview: soundoftrees
Style Name: Flexible Squares
Account Type: Paid

Problem/Question: On some computer screens (it works fine on both my widescreen laptops; but since some friends reported that my journal-layout isn't working properly for them I checked and could detect that the problem occurs mostly while using normal-width screens) the icons (on

Comments

[apologize]

a quick and simple fix would be to mess around with the width's of the #maincontent and #content.

The #content controls the entire width of the layout, the sidebar, entries, and the userpics without changing or altering anything about the background image or your header image.

The #maincontent mainly controls the width of the entries.

So find the 2 sections listed below in your CSS and play around with the width (the bolded parts in the code below) and change them to smaller values than they are now. That way the changes will be consistent for all screen sizes/resolutions rather than what is specific to your computer screen.

#content
{
background:transparent none repeat scroll 0 0;
margin:0px auto;
width:950px;
}

#maincontent
{
background:transparent none repeat scroll 0 0;
border:0 none;
color:#666666;
font-family:"georgia",arial,sans-serif;
font-size:9px;
margin: 10px;
padding:0;
text-align:left;
width:655px;
}Just for some extra suggestion I would change the #content width to some value under 900px, and the #maincontent

[apologize]

I'm sorry, I meant change the #maincontent value to something under 600px, 500 might be a little too small but it's all based on your preferences.

[soundoftrees]

Thank you so much for your help!
This was bothering me for a while now, but I'm not very experienced with html-coding, so I couldn't figure out how to fix this. I can't thank you enough! :)

[apologize]

No problem!