WordPress › Support » left margin disappears in 800x600 resolution

gizmo78
Member
Posted 2 years ago #

Hi all. I am using a theme I really like, Titan 1.22 (free version so far). One thing that is bedeviling me is that the left margin seems to shrink to 0 when I view the page in 800x600 resolution.

Here is the site: http://www.we-paint-ugly-houses.com/

And here is the code for the style.css (because I am guessing this might be where the solution lies)

/* Import Stylesheets
-----------------------------------------------------------*/
@import url("stylesheets/master.css");

/* Required WordPress Classes, don't remove these.
-----------------------------------------------------------*/
.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft { float: left; }
.alignright { float: right; }

/* Make all custom CSS changes in a Child Theme. Any custom
changes you make here will not be overidden when you upgrade the theme.
-----------------------------------------------------------*/
span.wpcf7-list-item { display: block; }

Any advice is appreciated. My css knowledge is beginner - maybe intermediate.

Thank you in advance!

p.s. site comments or suggestions are always welcome / appreciated
alchymyth
The Sweeper
Posted 2 years ago #
look into master.css:
```
.wrapper{
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
```
where do you think these 960px are having space to go in a 800px resolution?

so, where should any space on the left then come from?
wetwetwafu
Member
Posted 2 years ago #

i think its just a normal bahavior since your page width is 960px.

and you're viewing it in 800x600 resolution so what you'd expect to happen? browser will create a horizontal scroll to view the overflow. margins will drop to zero because the page is wider than the window.

i hope you get my vague explanation.. im not really got at it.
gizmo78
Member
Posted 2 years ago #

Thanks alchymth and wetwetwafu...now I get *why* it is happening. I guess what is disturbing me (and maybe it is my quirk) is how the 800x600 rez takes the page right up to the left edge of the browser....like this: http://screencast.com/t/OTk2OTZiN

Whereas in higher resolutions there is at least some padding, like this: http://screencast.com/t/ODdmOWFk

Is there any way to enforce a minimum padding of maybe 10 pixels on the left margin? (without changing themes of performing major surgery on this one).

Thanks again for your help / advice!
wetwetwafu
Member
Posted 2 years ago #
i guess this you can add a div that will wrap all your page content then add left margin or left padding to that div.
```
<body>
<div id="div_that_wrap_all_page_content">

< all your page content here >
< /all your page content here >

</div>
</body>
```
```
#div_that_wrap_all_page_content  {
    padding-left:10px;
 }
```
but the background image of header and footer will move 10px away from left too, leaving a white space for the border.

so you need to edit the background of body, create an image similar to the header background then use it as your body background.
gizmo78
Member
Posted 2 years ago #

hmmm...thanks wetwetwafu, but that I think that's a little more surgery than I want to do get into with the theme. As soon as I did it no doubt the guy I'm doing the site for would want to try a new theme.

Unless someone chimes in with a shortcut to get there I think I'll just stick to telling people who view in 800x600 to stop being so cheap and a new computer. ;-)

They must be pretty accustomed to the web looking pretty awful anyway!

Topic Closed

This topic has been closed to new replies.

WordPress.org

Forums

left margin disappears in 800x600 resolution (6 posts)

Topic Closed

About this Topic

Tags

Code is Poetry