WEZ! wrote:
> http://www.avize.com.au/avize12.html
>
Prevent all versions of IE from going totally goofy with font scaling:
body { font-size: 100%;}
> I'm focusing on IE7 at the moment as IE 6 is a complete disaster.
> Porblems left are:
> 1) Header Right Image should be aligned to the end of the bar (floated right)
>
Amend selectors to read (holds in compliant browsers-- IE 6/7 follow suit)::
#header {
position: relative;
font: 0.75em/1em arial, helvetica, sans-serif;
height:140px;
/*width: auto;*/
padding:0 160px;
margin:0 0 1em 0;
background: url(headerbi.png)/* repeat scroll left*/;
/*zoom:1*/;
}
#headerright img {
height:80px;
width: 285px;
/*float:right;*/
/*width:42%;*/
position: absolute;
top: 1.15em;
right: 0;
/*position: relative;
margin: 3px -155px;
position:relative;
display:inline;
zoom:1;*/}
> 2) Newcolumn should be centred on its column
>
Amend to read (holds in compliant browsers-- IE 6/7 follow suit):
#newscolumn {
display:inline;
position:relative;
float:right;
margin: 5px -156px 5px 6px;
width:150px;
/*overflow:hidden;
z-index: 11;*/}
> 3) Footer Right same as above
> - top three all seem like the same float margin bug but can't seem to
> get it resolved
> 4)Inspire block in middle should be centred
>
#inspireblock (your site's primary content) is freaking hard to read :-) .
> 5) Content Blocks have whacked out borders (this will be IE italic
> bug I haven't tackled yet)
>
Not sure what you mean about the borders...
Amend to read:
clientbody p, .avizebody p {display:block; position:relative; margin:1em
0.25em; color:#660066; font: /*bold italic small-caps*/
/*1.1*/1.2em/*/1em*/ Arial, Helvetica, sans-serif;
text-align:/*center*/left;}
> 6)Footer Left Block has smaller line height than standards browser
>
not done
> 7) Google CSE bar at top left has larger line height - set to 1px
> height the bar loads as 1 px then something triggers it to enlarge
> but another 5 or so
>
not done
> 8) Login Text input not centered
> - the last three seem to be line height problems.
>
not done
> You'll have to excuse the site is far from refined (and the various
> zoom hopes) at the moment. If anyone can recommend solutions or where
> I can read further to find solutions that would be fantastic.
>
See:
<http://www.satzansatz.de/cssd/onhavinglayout.html>
and
<http://www.positioniseverything.net/>
Many those zoom:1 and position: relative; rules are not needed.
Carefully weed them out. Validate the markup-- you have 40 errors...
Not all of your requirements have been met.
Test file here:
<http://www.chelseacreekstudio.com/ca/cssd/avi.htm>
any changes made that I may have neglected to wite above are on the css
file, here:
<http://www.chelseacreekstudio.com/ca/cssd/avi_files/avizetes.css>
~d
--
A thin red line and a salmon-color ampersand forthcoming.
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/
