In fact, it's specifically floating the image that causes the problem. If I
comment out the float, the margin of the containing div stays in the right place
(of course, the image isn't in the right spot, but...)
Anyone have a clue for me?? I obviously can't seem to find one :)
Thanks!
Dave
Dave Re wrote:
> Ok, after trial and error, I narrowed it down to this code snippet that's
> causing the problem. If I comment the img tag out of the XHTML, the problem
> goes
> away:
>
> XHTML:
>
> <img src="Falturro.jpg" width="118" height="177" alt="Horse charging"
> class="imgright" />
>
> Corresponding CSS:
> img.imgright {
> display: block;
> float: right;
> clear: left;
> margin: 0 0 10px 20px; padding: 0;
> }
>
> Does that narrow down to a more specific IE issue??
>
> Thanks!
>
> Dave
>
> Dave Re wrote:
>> Hi,
>>
>> I'm a rank amateur at CSS, so please bear with me :) I'm working on
>> converting my existing web page to (hopefully) a pure CSS layout. I've run
>> into
>> a sticky issue with IE. Here are the pertinent links:
>>
>> page: http://www.daverephoto.com/CSSTest/index.html
>> CSS: http://www.daverephoto.com/CSSTest/drpmain.css
>>
>> Currently, none of the hyperlinks really work, etc - this is a mockup
>> for
>> layout testing purposes. Ok, on to the problem.
>>
>> In IE6, if I resize the window too large, everything inside
>> div#maincontent
>> "loses" it's margin - that is, the border of the div is suddenly on the left
>> side of the browser window, instead of offset to the right, clearing
>> div#leftnav. If I resize the browser window smaller, the proper layout
>> appears.
>>
>> I have no idea what this does on IE5.x (Win or Mac), at this point. IE6
>> is
>> painful enough! :)
>>
>> The background of div#maincontent will eventually be black, but is
>> different now for visibility of the problem (it's easy to lose that 1px
>> border
>> on the left side of the window...).
>>
>> Being new to CSS, I'm not intuiting what it is that I'm doing that's
>> aggravating IE, yet. And, I'm having problems finding examples that give me a
>> clue. It's hard enough trying to pick out how to do this in the first place,
>> from the myriad of examples and tips/tricks/hacks/etc that are out there...
>>
>> Any help would be extremely appreciated :D
>>
>> Thanks!
>>
>> Dave
>>
>
--
Dave Re Photography
19104 Ventana Ct, Pflugerville, TX 78660
(c) 512.771.2431 -- (h) 512.251.3815
http://www.daverephoto.com -- [EMAIL PROTECTED]
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
