On Tue, 03 Aug 2010 14:41:01 +0100, David Laakso <da...@chelseacreekstudio.com> wrote:
>>> I am seeing size issues on the four panels on the two pages >>> http://redlemonarts.com/_dev/textbeast/home2.html (menu: Buy Now) >>> http://redlemonarts.com/_dev/textbeast/faq.html (menu: >>> F.A.Q.) >>> >>> they are set in %, but Firefox 3.6.8 on both Win XP and Linux Mint 9 >>> along with IE 7/8 are producing a different box sizing that is causing >>> the last of the panels to drop (float:left;) >>> Opera 10.60, Chrome 6.0.472.14 (dev), and Safari 5 (7533.16) --All on >>> WinXP, are getting it as I would prefer. >>> >>> Using Firebug, it would appear to be the border value that is throwing >>> things around. >>> Duncan > Cursory checked [local only] in Opera, Camino, Safari, FF, SeaMonkey, IE > 6/7/8. No Linux this end... > > css > > #wrapper{ border: 1px solid red !important; } > .pane {float: left; width:25%;}/*add selector*/ > .subInfoPanel{ > margin: 1% 4%;/*add*/ > /*width:23%; delete*/ > /*float:left; delete*/ > /*width: 98%;delete*/ > } > > markup [same drill for each of the 4 blocks] > > <div class="pane one"> <div class="subInfoWrap"> > <div class="subInfoPanel"> > <h3 class="panelHead">Simplify web forms ..</h3> > <p>Lorem ipsum dolor sit amet consectetuer massa mollis ac natoque ut. > Aenean massa mauris vel pretium neque habitasse iaculis libero amet > eros. Orci amet condimentum Nullam mi sit et ut a Donec et. Quis lorem > nunc odio Nunc urna Cras Curabitur cursus accumsan gravida. Sit risus > volutpat lacinia leo dolor ac a pellentesque convallis amet. Ornare > pretium turpis.</p> > <p class="panelFoot">subInfoPanel 1</p> > </div> > </div> > </div><!--/pane--> Best, > ~d Thanks David, I applied your fixes to the faq page, http://redlemonarts.com/_dev/textbeast/faq.html (after checking I removed the red border again) as an extra to satisfy my pedantic nature, I tried it without the subInfoWrap div, works fine. Windows browserland seems to be playing nicely (after I persuaded IE that I really did want it to empty its cache) I had run through the wrapper scenario as you have coded it now in terms of html but I just didn't get the CSS accurate on the dimensions. Nicely done, and thanks for the help. There is another Opera specific query that I'll post separately as this thread is already abused and misused by myself. Best wishes Duncan ______________________________________________________________________ css-discuss [cs...@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
