Autor Zpráva
248
Profil
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
blackjoker
Profil
zkus poladit šířku sidebaru
a napiš jak se jmenuje ten them
css by mělo bejt na

http://itadvance-btemplates.blogspot.com/wp-content/themes/<<<název složky themu>>>/style.css
248
Profil
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ý.
blackjoker
Profil
zkus si napsat šířky i s margin a pak poladit šírku sidebaru a content
víc ti asi neporadim musel bych si to stáhnou naistalovat wordpress a pak si s tim hrát
podle mě to bude v tý šírce a k tomu vycentrování zkus dát do body margin-left: 0 auto;
248
Profil
Jojo, porvu se s tim, Díkys moc!
blackjoker
Profil
btw před deklarací máš otazník smaž ho
248
Profil
Votazník? Na celý stránce najdu jen tři, ale žádnej v kodu. Fakt ho nevidim.
blackjoker
Profil
http://validator.webylon.info/check?uri=http%3A%2F%2Fwww.248kangaroos.com
první řádek
blackjoker
Profil
dej ctrl + A a uvidíš
248
Profil
Nojo, jsem kus dřeva, sorry.
bartik
Profil *
Ahoj, zrovna řeším ten samý problém... V IE7 to jede v pohodě, ale v IE6 je to rozkopané.
I originál theme nefunguje a autor na námitky odpovídá, že to nemůže optimalizovat pro všechny prohlížeče.
Netuším, čím to může být, takže kdyby jste to vyřešili, určitě dejte vědět. Možná to má něco společného i s tím, že se navigation zobrazuje vpravo místo vlevo
248
Profil
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í.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: