David Laakso wrote:
> Duncan Hill wrote:
>
>>> /Anything/ to relieve the boredom of all this. But, what four panels
>>> do you mean?
>>>
>>> Best,
>>> ~d
>>>
>> Hi David,
>>
>> 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.
>>
>> Appreciate any ideas from you.
>>
>> Best wishes
>>
>> 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
--
desktop
http://chelseacreekstudio.com/
______________________________________________________________________
css-discuss [[email protected]]
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/
