a little div-width problem...

I'm having a slight problem, both in IE 6 and FF (can't test on IE 7
right now..)

http://www.mayacove.com/dev/css/layout.html

of the two divs with gray borders, the one on the left is slightly wider
than div of same width above it (I don't like to set widths, but: 1)
when floating elements you have to give them a width, and 2) if I want
two divs stacked one of top of the other to be of same width you have to
give them a width, yes?)

here's screenshot of how it looks to me, in both FF and IE 6,
http://www.mayacove.com/dev/css/ss_layout.gif.

I have no left or right padding set anywhere...

all code (XHTML markup & CSS) validate.. would appreciate suggestions..
thank you...

In article <RrOdnUvMI4OkOybXnZ2dnUVZ_v-dnZ2d (AT) giganews (DOT) com>,
maya <maya778899 (AT) yahoo (DOT) com> wrote:

I'm having a slight problem, both in IE 6 and FF (can't test on IE 7
right now..)

http://www.mayacove.com/dev/css/layout.html

of the two divs with gray borders, the one on the left is slightly wider

....

You have a border on div.subLeftBtm that is making the difference. You
can compensate for a quick fix here by shaving the width of the element:

div.subLeftBtm {... width:148px; border:1px ...; } instead of your

div.subLeftBtm {... width:150px; border:....

but there would be other ways to look at all your markup too...

--
dorayme

this problem was solved by applying a border to the divs on top....;~)

however, there's another little problem, ONLY in IE 6 (can't test on IE
7 yet, will do so tomorrow..)
on bottom right div the two paragr's have different indents; top paragr
is indented slightly more than 2nd paragr (as can be seen in screenshot
(www.mayacove.com/dev/css/ss_layout.gif); what could be causing this??

thank you very much..




maya wrote:

I'm having a slight problem, both in IE 6 and FF (can't test on IE 7
right now..)

http://www.mayacove.com/dev/css/layout.html

of the two divs with gray borders, the one on the left is slightly wider
than div of same width above it (I don't like to set widths, but: 1)
when floating elements you have to give them a width, and 2) if I want
two divs stacked one of top of the other to be of same width you have to
give them a width, yes?)

here's screenshot of how it looks to me, in both FF and IE 6,
http://www.mayacove.com/dev/css/ss_layout.gif.

I have no left or right padding set anywhere...

all code (XHTML markup & CSS) validate.. would appreciate suggestions..
thank you...

"maya" <maya778899 (AT) yahoo (DOT) com> wrote

this problem was solved by applying a border to the divs on top....;~)

however, there's another little problem, ONLY in IE 6 (can't test on IE 7
yet, will do so tomorrow..)
on bottom right div the two paragr's have different indents; top paragr is
indented slightly more than 2nd paragr (as can be seen in screenshot
(www.mayacove.com/dev/css/ss_layout.gif); what could be causing this??

thank you very much..

Google for three pixel jog.

I checked it on IE 8. Borders and indents looked perfect.

Jack

On Thu, 24 Sep 2009 18:18:47 -0400, maya <maya778899 (AT) yahoo (DOT) com> wrote:

this problem was solved by applying a border to the divs on top....;~)

however, there's another little problem, ONLY in IE 6 (can't test on IE
7 yet, will do so tomorrow..)
on bottom right div the two paragr's have different indents; top paragr
is indented slightly more than 2nd paragr (as can be seen in screenshot
(www.mayacove.com/dev/css/ss_layout.gif); what could be causing this??

thank you very much..




maya wrote:

I'm having a slight problem, both in IE 6 and FF (can't test on IE 7
right now..)

http://www.mayacove.com/dev/css/layout.html

of the two divs with gray borders, the one on the left is slightly wider
than div of same width above it (I don't like to set widths, but: 1)
when floating elements you have to give them a width, and 2) if I want
two divs stacked one of top of the other to be of same width you have to
give them a width, yes?)

here's screenshot of how it looks to me, in both FF and IE 6,
http://www.mayacove.com/dev/css/ss_layout.gif.

I have no left or right padding set anywhere...

all code (XHTML markup & CSS) validate.. would appreciate suggestions..
thank you...