Sent by Ingo Chao on 7 December 2005 11:11
Remy Merriex wrote:
> This is a repost of a problem I had last week, I got no responses so I
> thought I'd try one more time. The original post is below, thanks!
Try to rephrase instead of reposting. 75% of these list's postings are
due to a "Layout problem in IE".
> [http://www.pdsxp.com/bov/wow.html
The offset problem is due to the positioning and floating of the images,
I think. A border on the top-right212.gif shows that IE tries to align
the container alongside these floats.
First I thought absolute positioning of these images relatively to the
parent (#bordertop) would be a quick fix:
#bordertop {
background: url(top-bg2.gif) top repeat-x ;
position:relative;
width:100%;
}
#debug_logotopleft {position: absolute; top: -63px; left: 100px;}
#debug_logotopright {position: absolute; top:-63px; right:0;}
(Please get rid of those inline styles in your page, it's a maintenance
horror.)
But the r.p. for the #bordertop to establish a containing block for
these a.p. images leads to problems in the nested child container which
are z-indexed. They should be relatively positioned too to avoid
peekaboo's, and they might need additional "height:1px" for IE to
prevent more layout bugs.
So what started as a minimal invasive surgery had complications, massive
inner bleedings in the deep nesting and the page died while debugging. I
am awfully sorry, but this for sure was what George meant with "try to
create another, more efficient and compact, one."
Ingo
--
http://www.satzansatz.de/css.html
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
