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.
Best,
~dL
PS Hmm. ... Guns?
*
--
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/
