Web Design Forums

pgo · 03-03-2006, 13:17

This is really strange.

I've done a site, look great in modern browsers. Only, my boss has widescreen monitors - on his laptop and his Apple cinema display. If he has the site open at full screen in IE6 on his laptop, the layout is 1px off, which looks awkward. However, if you resize the browser, it's corrected. So, only IE6 maximized.

Then Safari on the Mac does the same thing, only no matter the size it's 1px off. As far as I can tell, this is only happening on widescreen monitors.

Anyone experienced anything like that before? Because I'm confused.

gray · 03-03-2006, 13:22

tiled background image?

Dusteh · 03-03-2006, 13:23

very odd... can you grab any screenshots?

smallbeer · 03-03-2006, 13:24

yep I had this on a recent site. think I was repeating a background image on the container div. had to move it to the body. I think.

pgo · 03-03-2006, 13:35

Quote:

Originally Posted by gray

tiled background image?

Yup.

HTML Code:

<body>
  <div id="page">
    <div id="masthead">

Code:

body { 
  padding: 0;
  margin: 0;
  background: url(../images/body-bg.gif) repeat-y top center #FFF;
  font: normal normal normal 62.5%/100% Tahoma, Helvetica, Verdana, sans-serif;
  color: #666666;
  text-align: center;
  }

...

#page { 
  width: 753px;
  padding: 0 0 0 2px;
  margin: 0 auto;
  text-align: left;
  }

Screenshots follow. These aren't "actual" screenshots, but edited to show what happens. Image creates two grey lines that extend vertically along the whole page 757px wide, 2px left padding pushes the #page off the edge of the image and reveals the grey pixel and a white pixel. If it's given 2px on both sides, it causes problems for whatever reason.

03-03-2006, 13:17	#1 (permalink)
pgo Senior Member Join Date: Jan 2005 Posts: 12,340	Site Renders 1px Off on Widescreens This is really strange. I've done a site, look great in modern browsers. Only, my boss has widescreen monitors - on his laptop and his Apple cinema display. If he has the site open at full screen in IE6 on his laptop, the layout is 1px off, which looks awkward. However, if you resize the browser, it's corrected. So, only IE6 maximized. Then Safari on the Mac does the same thing, only no matter the size it's 1px off. As far as I can tell, this is only happening on widescreen monitors. Anyone experienced anything like that before? Because I'm confused.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

03-03-2006, 13:22	#2 (permalink)
gray i still want paying Join Date: Oct 2003 Location: newcastle, uk Posts: 4,769	tiled background image?

03-03-2006, 13:23	#3 (permalink)
Dusteh Sir digby chicken caesar Join Date: Sep 2004 Posts: 5,295	very odd... can you grab any screenshots?

03-03-2006, 13:24	#4 (permalink)
smallbeer I Ain't Losing Any Sleep™ Join Date: Apr 2003 Posts: 5,205	yep I had this on a recent site. think I was repeating a background image on the container div. had to move it to the body. I think.

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)