PDA

View Full Version : where are these 2px appearing from?


DoubleV
07-11-2003, 04:19 AM
i have only tried this page in ie5.1 on mac and ie5.5/6 on pc.
no probs with mac. on pc, ie5.5 and some installs of 6 had trouble, others did not.

the page can be found at http://nimlok.com/new_site/final/index.php and the stylesheet for it is at http://nimlok.com/new_site/final/resources/css/style.css

basically:
the whole site structure is 760px wide
the problem is with the middle section of the page blue-yellow portion: a piece of a screen shot can be found here (http://nimlok.com/new_site/final/css.jpg) (lowest quality jpg).
what i need to happen is for the yellow part (<div id="mainimg_div">) to be right by the blue border on the right. right now it has a 2px gap and that's why it jumps to the bottom
but lets' do some math from the stylesheet:
blue section (<div id="content_div">) is 311 px wide + 1px left margin = 312px;
yellow section (<div id="mainimg_div">) is 448px wide + 0px margin = 448px;
312 + 448 = 760.
as you can see, my sizes are all fine (another proof that the sizes are all fine is ie5.1 on a mac which does not have this problem).

so how do i fix this?

oracleguy
07-11-2003, 04:30 AM
I'd try to help but it displays correctly for me. :) IE6 on Windows XP Professional.

MotherNatrsSon
07-11-2003, 04:34 AM
Here is a screenshot in Netscape 7 on a Mac. Do you want all the white space around the blue and yelow gone?

MNS

DoubleV
07-11-2003, 04:50 AM
it displays fine for both of you.
MotherNatrsSon,
i need the 1 px gap between the blue and the yellow and this is what you have on your screen.

Kor
07-11-2003, 11:18 AM
Maybe you have allready done it, but... have you insert in BODY something like leftmargin="0" topmargin="0", to be sure that browser will correct count position? Or to position that from CSS with the class BODY, or similar...?

ReadMe.txt
07-11-2003, 08:20 PM
I cant really help you with your problem, but i was wondering what the reason for all of the whitespace at the bottom of the page was?