Doladění CSS pro WPress pro korektní zobrazení v IE

Zdravím,

mořím se s laděním WordPressového tématu. Zobrazení v Opeře, Firefoxu je bez problémů {klasika}, ale IE, jako tradičně renderuje blbosti. Originální téma se jmenuje ITadvance. Trochu jsem jej doladil, ale špatné zarovnánání elementů se mi odstranit nepodařilo.

Projel jsem web a všechny blogy, které jedou v téhle úpravě mají tu samou vadu. Postranní lišta se v IE zobrazuje až za poslendím článkem na konci stránky, místo aby byla hezky napravo, hnedka pod hlavičkou stránky.

Navíc v IE nefunguje zarovnání na střed.

Tuhle je web, který bych chtěl poladit pro korektní zobrazení ve fuckenIE: {http://www.248kangaroos.com}.

A tady {http://itadvance-btemplates.blogspot.com/} jsem našel stejné, fungující téma, ovšem překopané pro blogger.com . Neumím z toho vyloupat to potřebné.

Jde mi hlavně o to, dostat tu postranní navigaci tam kam patří, ostatní drobnosti tak nehoří.

Nechci to tu zahlcovat celým css, ale jak byste mi mohl někdo poradit, když byste ho neviděli, co?


style.css



img {
border:0px
}

/* Links */

a:link { text-decoration: none; color: #AAD0D0; }

a:visited { text-decoration: none; color: #AAD0D0; }

a:hover, a:active { color: #93BFBF;text-decoration: underline;}

/* Headings */

h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 20px 0 10px; }

h1 { font-size: 32px; margin-bottom: 0px; margin-top: 10px;}

h2 { font-size: 28px; }

h3 { font-size: 16px; }

h4, h5, h6 { font-size: 20px; }

textarea {
background: #485959;
border: 1px solid #2D3F3F;
width: 280px;
}

/* Other Html Elements */
.titles { font-weight: normal; border-bottom-width: 0; font-size: 24px; text-decoration: none;}
.titles a:link, .titles a:visited, .titles a:active {
text-decoration: none;
font-size: 24px;
font-weight: normal;
border-bottom-width: 0;
}



pre, blockquote
{
overflow: auto;
padding: 0 10px;
margin: 20px 30px;
line-height: 1.8em;
background-color: #465757;
border: 1px solid #314343;
}

pre:hover, blockquote:hover
{
background-color: #f0f0f0;
border: 1px solid #d0d0d0;
}

pre { padding-top: 10px; padding-bottom: 10px; }

code { color: #779900; font-family: Consolas, Verdana, "Courier New", Sans-Serif; }

ul, ol { line-height: 2.0em; }

ul { list-style-image: url(images/bullet.jpg); }

abbr, acronym { font-style: normal; border-bottom: 1px dotted #333333; cursor: help; }

del { text-decoration: line-through; color: #999999; }

ins { text-decoration: none; color: #009977; }

/* Structure */

body
{
margin: 0;
padding: 0;
color: #222222;
background-image: url(images/bg.gif);
background-repeat: repeat-x;
background-color: #112B2B;
font: normal 76% "Trebuchet MS", "Lucida Grande", Verdana, Georgia, Sans-Serif;
}

/*šíka stránky*/
#wrapper2 {
width: 768px;
margin-left: auto;
margin-right: auto;
}
#header
{
float: left;
width: 100%;
padding-bottom: 8px;
background: #3C4E4E url('images/header-bg.gif');

clear: right;
height: 59px;
margin-top: 15px;

}

#navigation
{
clear: both;
float: left;
width: 100%;
background-image: url(images/header.jpg);

height: 212px;
}

#wrapper
{
clear: both;
float: left;
width: 100%;
color: #BECDCD;
background: #3C4E4E;
}

#content-wrapper
{
width: 65%;
float: left;
}

#content
{
float: left;
padding: 0 0px 10px 30px;
}

#sidebar-wrapper
{
width: 35%;
float: right;
}

#sidebar
{
float: left;
vertical-align: top;
padding: 0px 15px 0px 10px;
width: 213px;
background-image: url(images/sidebar-bg.gif);;
margin-left: 21px; /* pozice levé nářadové lišty. Default: margin-right 25px */
margin-top: 7px;
}

#footer
{
clear: both;
float: left;
width: 748px;
text-align: left;
padding-left: 20px;
background: #3C4E4E;
background-image: url(images/footer-bg.gif);
margin-bottom: 15px;
color: #BECDCD;
height: 36px;
padding-top: 10px;
}

#footer a:link, #footer a:hover, #footer a:active, #footer a:visited {
color: #BECDCD; text-decoration: underline;
}

#extras
{
float: left;
width: 780px;
color: #444444;
text-align: left;
padding: 0 10px 10px;
margin: 10px 12px 20px;
background-color: #f5f5f5;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e0e0e0;
}

/* Header */

#header h1 { padding-left: 20px; }

#header h1 a:link, #header a:active {
color: #AAD0D0;
font-size: 20px;
text-transform: lowercase;
}

#header h1 a:hover {
color: #8EBABA;
font-size: 20px;
text-transform: lowercase;
}

#header h1 a:active {
color: #8EBABA;
font-size: 20px;
text-transform: lowercase;
}

#header h1 a:visited {
color: #8EBABA;
font-size: 20px;
text-transform: lowercase;
}

/* Navigation */

#navigation ul { list-style-type: none; list-style-image: none; float: left; margin-top: 0px; margin-left: 0px; padding-left: 0px;}

#navigation li { float: left; }

#navigation li a:link,
#navigation li a:visited
{
float: left;
color: #7AB060;
display: block;
padding: 0px 10px;
margin-right: 1px;
height: 23px;
font-size: 13px;
margin-top: 0px;
background-color: #304242;
background-image: url(images/nav-bg.gif);
border-left: 1px solid #1E2D2D;
border-right: 1px solid #1E2D2D;

}

#navigation li a:hover,
#navigation li a:active
{
color: #A5BABA;
background-repeat: repeat-x;
font-size: 13px;
margin-top: 0px;
background-color: #1B292A;
background-image: url(images/nav-bg2.gif);
border-left: 1px solid #1E2D2D;
border-right: 1px solid #1E2D2D;
}

#navigation li.active a
{
color: #BECDCD;
background-color: #3C4E4E;
}

/* Wrapper */

#wrapper a:link { font-weight: bold; }

#wrapper a:visited { font-weight: bold; }

#wrapper a:hover, #wrapper a:active { }

/* Content */

#content .post-title a { border-bottom-width: 0; }

#content .post p.img { float: left; margin: 0 15px 0 0; }

#content .post p.img img { padding: 8px; border: 1px solid #d0d0d0; background-color: #eeeeee; }

#content .post-footer
{
font-size: 90%;
color: #677F7F;
margin-bottom: 5px;
padding:5px 5px 5px 15px;
background-color: #394B4B;
border: 1px solid #2E3F3F;
}

.post {
padding-left: 10px;
padding-right: 10px;
}
.post-wrapper {
background-image: url(images/post-bg.gif);
background-repeat: no-repeat;
width: 476px;
padding: 10px;
margin-left: -15px;
margin-right: 10px;
}

.post-wrapper2 {
width: 476px;
padding: 10px;
margin-left: -15px;
margin-right: 10px;
}
/* Sidebar */

.sideblock
{ vertical-align: top;
padding: 5px 10px;
margin-bottom: 20px; /*rozestupy mezi jednotlivými widgety*/
}

.sideblock ul { }

.sideblock h3 { margin-top: 5px; margin-left: -13px;
AMG display: block; background-image: url('images/h2-bg.gif'); background-repeat: no-repeat; width: 210px; padding-left: 10px; line-height: 30px; margin-bottom: 0px; margin-right: 0px; color: #BECDCD; }

#sidebar dt { margin: 0; padding-top: 5px; font-weight: bold; color: #666666; }

#sidebar dd { margin: 0 0 5px; padding-bottom: 5px; line-height: 1.8em; }

#sidebar dd a:link { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none;}

#sidebar dd a:visited { border-bottom-width: 0; font-weight: normal; border-bottom: none; text-decoration: none; }

#sidebar dd a:hover, #sidebar dd a:active { border-bottom: none; text-decoration: none;}

/* Extras */

#extras h6 { font-size: 14px; text-transform: uppercase; color: #BECDCD; }

#friends
{
float: left;
width: 150px;
margin-left: 20px;
margin-right: 10px;
}

#links
{
float: left;
width: 275px;
margin-right: 50px;
}

#about
{
float: left;
width: 250px;
margin-right: 20px;
}

#friends ul { padding-left: 20px; }

#links dl, #links dt, #links dd { margin: 0; padding: 0; }

#links dt { font-weight: bold; padding-top: 5px; }

#links dd { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #999999; }

/* Comments Styling */
#commentlist li {
background-image: url(images/post-bg.gif);
background: #2D3F3F;
margin-bottom: 1.5em;
padding-bottom: 1em;
border-bottom: 1px solid #700000;

}

#commentform {
margin: 1em 0;
background: #3C4E4E;
width: 255px;
}

#commentform textarea {
background: #485959;
border: 1px solid #2D3F3F;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
width: 280px;
}
#commentform textarea:hover {
background: #324444;
border: 1px solid #2D3F3F;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}
#commentform textarea:focus {
background: #3C4E4E;
border: 1px solid #2D3F3F;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
}

#commentform #email, #commentform #author, #commentform #url {
font-size: 1.1em;
background: #3C4E4E;
border: 1px solid #2D3F3F;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px;
-moz-border-radius-topright: 3px;
-khtml-border-top-right-radius: 3px;
-webkit-border-top-right-radius: 3px;
border-top-right-radius: 3px;
width: 280px;
}
#commentform #email:hover, #commentform #author:hover, #commentform #url:hover {
font-size: 1.1em;
background: #3C4E4E;
border: 1px solid #2D3F3F;
-moz-border-radius-topleft: 3px;
-khtml-border-top-left-radius: 3px;
-webkit-border-top-left-radius: 3px;
border-top-left-radius: 3px

Them se jmenuje ITadvance, jaxem psal shora. Ten CSS pro blogspot.com jsem viděl, ale neumím z něj vyndat to potřebný. Je to komplet překopaný.

Jojo, porvu se s tim, Díkys moc!

Votazník? Na celý stránce najdu jen tři, ale žádnej v kodu. Fakt ho nevidim.

Nojo, jsem kus dřeva, sorry.

Jo, to je fakt, zatímco mraky ostatních témat se chovají ve spoustě prohlížečů stejně. Zatím jsem to nerozlouskl.

Myslím taky, že ani co se validity týče, není to zrovna to nejpravější. Ale je to škoda, protože se mi to témo líbí.