David Laakso wrote:
> Jehangir Larry wrote:
>   
>> Re: www.arundixit.com
>> Firefox displays as intended.
>> IE6 and IE7 do not display header background.
>> Additionally, IE6 does not center content.s of #inner.
>> Appreciate advice/ suggestions for above.
>> Also, a general site check please.
>> Thanks.
>>
>>   
>>     
>
>
> The note book rings is a very nice but difficult concept to execute 
> cross-browser. You may be better off using as image(s) for the spine. I 
> tried it with a border on one side only. This, and some other 
> suggestions (primarily not combining percent, em, and pixel widths in 
> the same container), /may/ help bring IE6 and 7 more in line with 
> compliant browsers:
> *
> #wrap {
> /*text-align : left;*/ <----- delete ::
> }
>
> #inner {
> border: 1px solid fuchsia; overflow:hidden; <------add ::
> }
> #sidebar{
> /*border-right:2px dashed #000;*/**<------keep what you already have for 
> this selector, but delete these ::*
> *border-right:6px dashed #ccc;
> /*margin:0 1px 3em 1em;*/
> /*padding:1.3em .5em;*/
> /*white-space:wrap;*/
> /*width:20%;*/
> **padding:1.3em 0;**<-------- and add these*
> *width: 185px;
> }
>
> * html #sidebar {width:200px;} <------ add for IE6
>
> #sidebar p { 
> text-align: center; <---- add (I think)::
> }
> #header {
> min-height: 220px; width: 100%; <----- add::
> }
>
> * html #header {height: 220px; } **<------ add for IE6*
> *
>
> #data { **<------keep what you already have for this selector, but 
> delete or add these ::*
> *border: 1px solid fuchsia; text-align : left; <----- add::
> /*border-left : 3px dotted #000;*/ <--- delete the following::
> /*border-right : 2px dotted #000;*/
> /*margin : 0 1em 3em 0;*/
> /*padding : 1em;*/
> padding-bottom: 2em; **<----- add::*
> *width : /*65%*/550px;**<----- amend::*
> *}
>
> ul#nav {
> margin : 0/* auto*/; **<----- amend::**
> }
>
> h2 {
> /*margin : 1.7em 1.7em 1em;*/ <--- delete::
> margin : 1.25em 0 0 40px; **<--- add::**
> }
> p {
> margin : 15px /*2.2em*/40px; <---- amend ::
> padding : 0;
> }
> button {
> float: left; <--- add::
> }
>
> I /think/ that is all.
>
>   

Thanks, as usual. I have implemented the suggestions (including border: 
fuchsia ;-)), but as yet, no go in both IE6 & IE7.
Maintaining status quo...till I hear further?


> Best,
> ~dL
>
> PS Hmm. ... Guns?
>
>
> *
>
>   

Gun collector....takes all sorts.


-- 
Best,
JL

----------------
Jehangir Larry

______________________________________________________________________
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/

Reply via email to