WordPress

Witaj Gościu ( Zaloguj | Rejestruj )

Każdy temat założony w ewidentnie złym dziale będzie usuwany! Proszę czytać opisy działów i regulamin!

> Uwaga!

Jeśli opisujesz problem ze skórką - podaj link do downloadu - nie każdy ma tą skórkę co Ty ;)

 
Reply to this topicStart new topic
> Motyw Illacrimo i Internet Explorer, Sidebar ucieka w dół strony
spok
post 10.9.2007 - 18:11
Post #1


aktywność:
**

Grupa: +Bloger
Postów: 22

Nr: 93



Witam. Mam problem z motywem Illacrimo. Pod Firefoksem wszystko wygląda pięknie, ale dzisaj zauważyłem, że motyw nieco szwankuje przy przeglądaniu strony przez Internet Explorer 6 (nie wiem jak jest z 7, nie mam jak sprawdzić). Otóż pod IE6 cała zawartość paska bocznego zjeżdża na sam dół strony, właściwie początek zawartości sidebaru pojawia się tam, gdzie rozpoczyna się paginacja strony, czyli o wiele za nisko.

Wygląda to tak (IE):



A wyglądać powinno tak (FX):



Wydaje mi się, że już próbowałem wszystkiego - od powyłączania zainstalowanych wtyczek (Wp Digg-style Paginator, ajaxContact, Aksimet, Another Wordpress Meta Plugin, Better Stats Insertion, Democracy, Evnent Calendar, Filosofo Enroll Comments, Google Sitemaps, NextGen Gallery, Related Posts, Ultimate Tag Warrior) po wgranie od nowa (nieedytowanych) plików motywu. Nic nie pomogło. Najśmieszniejsze jest to, że sam motyw autora zdaje się działać pod IE6 prawidłowo (przykład). Podejrzewam, że problem może leżeć w pozycjonowaniu bloków za pomocą CSS, ale moja wiedza na tent temat jest bliska zeru i naprawdę nie wiem jak to rozwiązać. Będę wdzięczny za pomoc!

Ten post edytował spok 10.9.2007 - 18:15


--------------------
Popularne seriale telewizyjne - Lost: Zagubieni, Star Trek, Stargate Atlantis, Battlestar Galactica, Firefly, Babylon 5, Joey i inne...
Go to the top of the page
 
+Quote Post
itproject1
post 11.9.2007 - 07:20
Post #2


aktywność:
*

Grupa: Bloger
Postów: 5

Nr: 1 596



To na 99% style, CSS dziwnie jest interpretowany przez IE. Jak możesz to wklej zawartość pliku STYLE.CSS tam coś z pozycją bloku jest nie tak, jak wkleisz kod to coś poradzimy.

PS Nigdy nie klikajmy w niebieskie E
Go to the top of the page
 
+Quote Post
spok
post 11.9.2007 - 07:28
Post #3


aktywność:
**

Grupa: +Bloger
Postów: 22

Nr: 93



Link: http://seriale.org/wp-content/themes/illacrimo/style.css

I cała zawartość:
CODE
/*
Theme Name: illacrimo
Theme URI: http://wp-themes.designdisease.com/illacrimo/
Description: Designed by <a href="http://www.designdisease.com">Elena G.</a>.
Version: 1.01
Author: Design Disease
Author URI: http://wp-themes.designdisease.com/
*/


body { background: #1a3265; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px; color:#35383d;}

html { padding: 0; margin: 0;}

a:link { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:active { text-decoration: underline; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:visited { text-decoration: none; color : #00a0e3; border: 0px; -moz-outline-style: none;}
a:hover { text-decoration: underline; color : #003399; border: 0px; -moz-outline-style: none;}
a:focus { outline: none;-moz-outline-style: none;}

h1, h2, h3, h4 { font-family: "Trebuchet MS";}

img { padding: 0px; margin: 0px; border: none; text-align: center;}
hr { border-left:0px solid #abb0b5; border-right:0px solid #abb0b5; border-top:1px dotted #abb0b5; border-bottom:0px solid #abb0b5; height : 1px; }

img.note { float: right; padding: 4px; }

form { padding: 0px; margin: 0px;}
input { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
textarea { font-family: 'Verdana'; color: #282b31; font-size: 11px;}
select { font-family: 'Verdana'; color: #282b31; font-size: 11px;}

/* ### ### ### STYLE SONDY - DEMOCRACY ### ### ### */
strong.poll-question { font-size: 11px; font-weight: normal; color: #ffffcc; }
strong.poll-question a { color:#7a8fa4; font-size: 11px; }
div.dem-results { font-size: 11px; color: #abcee1; }


/* ### ### ### PAGINATION ### ### ### */

.pagination {
padding: 3px;
margin: 3px;
text-align:center;
}

.pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #00a0e3;
text-decoration: none; /* no underline */
color: #036CB4;
}

.pagination a:hover,
.pagination a:active {
border: 1px solid #999;
color: #666;
}
.pagination .current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #036CB4;
font-weight: bold;
background-color: #036CB4;
color: #FFF;
}
.pagination .disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}


/* ### ### ### Related Posts ### ### ### */

div.relatedposts { padding-left: 10px; }
div.relatedposts ul { padding-left: 30px; }

/* ### ### ### Kalendarz ### ### ### */

ul.ec3_events { font-size: 11px; }
ul.ec3_events li { font-weight: bold; color: #ffffcc; }
ul.ec3_events li ul li { font-weight: normal; color: #abcee1; }


/* ### ### ### duperele ### ### ### */
div.kudos { font-size: 8px; font-style: italic; color: #bfbfbf; }


/* BGContainer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++ */

.BGC { width: 1000px; margin: 0 auto; padding: 0px; position: relative; }

/* Header ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++ */

/**/ * html .Header { height: 98px;} /* */
.Header { background: url(images/HeaderBkg.jpg) repeat-x left top; width: 1000px; position: relative; clear: left; padding: 0px; min-height:98px;}

.Header h1 { color: #fff; font-size: 28px; line-height: 28px; letter-spacing: -1px; padding: 27px 5px 0px 100px; margin: 0px; font-weight: normal;}
.Header h1 a { color:#fff; text-decoration: none; }
.Header h1 a:visited { color:#fff; text-decoration: none; }
.Header h1 a:hover { color:#fff; text-decoration: none; }
.Header .Desc { color:#75c0d9; font-size: 14px; line-height: 14px; font-weight: bold; letter-spacing: -1px; font-family: 'Arial'; padding: 0px; margin: 0px 0px 0px 100px;}
.Header .LS { position: absolute; top: 30px; left: 30px; background: url(images/LogoIcon.png) no-repeat left top; width: 40px; height: 43px;}

/* Menu ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++++++ */

.Menu { background: #0097ca; width: 1000px; position: relative; float: left; height: 35px;}
.Menu em { display: none}
.Menu ul { list-style: none; margin: 0px; padding: 10px 0px 0px 100px;}
.Menu ul li ul { display: none;}
.Menu li { padding: 0px; margin: 0px; display: inline; font-size: 11px;}
.Menu a { padding: 0px 0px 0px 3px; margin-right: 2px; background: url(images/MLeft.png) no-repeat left top; float: left;}
.Menu a span { padding: 6px 9px 6px 6px; display: block; background: url(images/MRight.png) no-repeat right top; float: right; }
.Menu a span { float: none; color: #FFF;}
.Menu a:hover span { color: #FFF;}
.Menu a:hover { background-position: 0% -25px; color:#003399; text-decoration: none;}
.Menu a:hover span { background-position: 100% -25px; color:#003399;}
.Menu .on { background: url(images/MLeft.png) no-repeat left bottom; color:#003399; }
.Menu .on span { background: url(images/MRight.png) no-repeat right bottom; color:#003399; }

.MTL { position: absolute; top: 0px; left: 0px; background: url(images/MTL.gif) no-repeat left top; height: 8px; width: 8px;}
.MTR { position: absolute; top: 0px; right: 0px; background: url(images/MTR.gif) no-repeat left top; height: 8px; width: 8px;}

/* Container ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++++ */

.CON { background: #fff url(images/BGC.gif) repeat-y center; width: 1000px; float: left; position: relative; padding: 0px}

/* Side Central Single ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++ */

.SCS { width: 420px; float: left; padding: 15px 30px 15px 100px; }
.SCS h1 { font-size: 20px; font-weight: normal; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px; letter-spacing: -1px; }
.SCS h2 { font-size: 18px; font-weight: normal; }
.SCS h3 { font-size: 14px; font-weight: bold; }

.SCS p { font-size: 12px; line-height: 17px;}
.SCS p strong {}
.SCS img {}
.SCS ul { padding: 10px 0px; margin: 0px; }
.SCS li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.SCS blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.SCS blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.SCS blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.SCS blockquote a { color:#0080ca; }
.SCS blockquote a:visited { color:#0080ca; }
.SCS blockquote a:hover { color:#003399; }
.SCS a { text-decoration: underline;}

/* Side Central ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++ */

.SC { width: 420px; float: left; padding: 15px 30px 15px 100px;}
.SC h2 { font-weight: normal;}
.pagetitle { font-size: 20px; font-weight: normal; letter-spacing: -1px; border-bottom: solid 1px #000; padding-bottom: 15px;}

/* Post ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++ */

.Post { padding: 0px; position: relative; clear: left;}
.PostHead { position: relative; clear: left; background: url(images/PostHead.gif) repeat-x bottom; padding-bottom: 10px;}
.PostHead h1 { font-size: 20px; line-height: 20px; letter-spacing: -1px; font-weight: normal; padding: 0px 0px 1px 0px; margin: 0px; color:#cc6600;}
.PostHead h1 a { color: #007ac8; text-decoration: none;}
.PostHead h1 a:visited { color: #007ac8; text-decoration: none;}
.PostHead h1 a:hover { color:#cc6600; text-decoration: none;}

.PostAuthor { padding: 1px 0px; margin: 0px; font-size: 10px; color:#8a98a2; font-weight: bold;}
.PostDate { margin: 0px; position: absolute; top: 0px; left: -70px; text-align: center; background: url(images/PostHead.gif) repeat-x bottom; padding: 0px 10px 6px 10px;}
.PostDate small { font-size: 10px; color:#8a98a2; font-weight: bold; }
.PostDate .month { display:block; text-transform: uppercase; font-size: 9px;}
.PostDate .day { display:block; font-size: 24px; line-height: 24px; font-family: 'Arial'; letter-spacing: -1px; font-weight: normal; color:#4a5a65;}
.PostDate .year { display:block;}

.PostContent { padding: 0px 0px 5px 0px; font-size: 12px; line-height: 17px; background: url(images/PostHead.gif) repeat-x bottom; }
.PostContent p { font-size: 12px; line-height: 17px;}
.PostContent p strong {}
.PostContent img {}
.PostContent ul { padding: 10px 0px; margin: 0px; }
.PostContent li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#4c4c4c; }
.PostContent blockquote { padding: 2px 10px; background: #e9f8ff; margin: 0px; color:#336699; }
.PostContent blockquote p { font-size: 11px; padding: 5px 0px; margin: 5px 0px; line-height: 15px;}
.PostContent blockquote li { padding: 2px 0px 2px 15px; list-style-type: none; background: url(images/PostContentBlockLiIco.png) no-repeat left top; font-size: 11px; line-height: 15px; color:#336699; }
.PostContent blockquote a { color:#0080ca; }
.PostContent blockquote a:visited { color:#0080ca; }
.PostContent blockquote a:hover { color:#003399; }
.PostContent a { text-decoration: underline;}

.PostDet { padding-top: 15px;}
.PostDet ul { padding: 0px; margin: 0px;}
.PostDet li { padding: 5px 0px 5px 18px; margin: 0px 10px 0px 0px; list-style-type: none; display: inline; color:#336699; font-size: 10px; font-weight: bold; }
.PostDet li a { text-decoration: underline;}
.PostCateg { background: url(images/PostCateg.png) no-repeat left center;}
.PostCom { background: url(images/PostCom.png) no-repeat left center; }

/* Note ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++*/

.Note { padding: 0px; margin: 0px;}
.Note li { padding: 2px 0px 2px 15px; margin: 0px; list-style-type: none; font-size: 11px;}
.NoteRss { background: url(images/NoteRss.png) no-repeat left top;}
.NoteTrackBack { background: url(images/NoteTrackBack.png) no-repeat left top;}
.Note li a { color:#cc6600;}

/* Navigation - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

.Nav a { padding: 2px 5px 2px 3px; background: #fff; border-right: solid 1px #ccc; font-size: 11px;}
.Nav a:visited { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc;}
.Nav a:hover { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; text-decoration: none;}
.Nav span { padding: 2px 5px 2px 0px; color:#6666; border-right: solid 1px #ccc; }
.Nav .on { padding: 2px 5px 2px 3px; border-right: solid 1px #ccc; font-size: 11px; color:#000;}

/* Comments ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++ */

.Comments { margin: 20px 0px 0px 0px;}

/* Comments List +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++ */

.Comments .List h3 { font-size: 14px; font-weight: bold; margin: 0px 0px 5px 0px; padding: 5px 0px; color:#000; }
.Comments .List ol { padding: 0px; margin: 0px;}
.Comments .List li { position: relative; padding: 15px 5px 10px 5px; margin: 0px 0px 20px 0px; list-style-type: none;}
.Comments .List .ComListLi { background: #f6f1de url(images/ComListLiBottom.gif) no-repeat left bottom; }
/**/ * html .Comments .List .ComListLiTop { left: -5px;} /**/
.Comments .List .ComListLiTop { position: absolute; background: url(images/ComListLiTop.gif) no-repeat left top; height: 15px; width: 420px; left: 0px; top: 0px;}

/**/ * html .Comments .List .ListNr { left: -55px;} /**/
.Comments .List .ListNr { color:#bec9d1; position: absolute; top: 15px; font-size: 24px; line-height: 24px; font-family: 'Arial'; font-weight: normal; letter-spacing: -1px; padding: 0px; left: -55px; }

/**/ * html .Comments .List .ListGrav { left: 10px;} /* */
.Comments .List .ListGrav { position: absolute; top: 15px; left: 15px;}
.Comments .List .ListGrav img { border: solid 1px #fff;}

.Comments .List big { margin: 0px; padding: 0px 0px 0px 42px; font-size: 11px; line-height: 11px; letter-spacing: -1px; color:#333; font-weight: bold; display: block;}
.Comments .List small { color:#a19a80; padding: 0px 0px 0px 42px; margin: 0px; font-size: 10px; }
.Comments .List small a { color:#a19a80; text-decoration: none;}
.Comments .List small a:visited { text-decoration: none;}

.Comments .List .ListContent { margin: 15px 0px 0px 0px; padding: 5px 10px; font-size: 11px; line-height: 15px; background: #fff url(images/ComListContent.gif) no-repeat left top; display: block;}


/* Comments Form ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++ */

.Comments .Form h3 { font-size: 14px; font-weight: bold; letter-spacing: -1px; margin: 0px; padding: 5px 0px 10px 0px; color:#333;}
.Comments .Form { background: #bbe9ff url(images/ComFormBottom.gif) no-repeat left bottom; padding: 10px 15px 20px 15px; position: relative;}
/**/ *html .Comments .FormTop { left: -15px;} /**/
.Comments .FormTop { background: url(images/ComFormTop.gif) no-repeat left top; position: absolute; top: 0px; left: 0px; width: 504px; height: 7px;}
.Comments .Form form {margin: 0px; padding: 0px;}
.Comments .Form a { text-decoration: underline;}
.Comments .Form p { padding: 0px; margin: 0px; font-size: 11px; color:#336699; }
.Comments .Form p small strong { font-size: 10px; font-weight: bold; color:#FF3300;}
.Comments .Form p small { font-size: 11px; display: block; padding: 5px 0px;}
.Comments .Form .TextField { background: #fff; border: solid 1px #9dc0d0; padding: 5px 4px; font-size: 11px; display: block;}
.Comments .Form .TextArea { background: #fff; border: solid 1px #9dc0d0; padding: 4px; font-size: 12px;}

.Comments .Form input.SubmitComment { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat; margin-top: 8px;}
.Comments .Form input.SubmitComment:hover { background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 8px;}
.Comments .Form input.SubmitCommentIE { width: 257px; height: 26px; background: url(images/SubmitComment.png) no-repeat 0 -26px; margin-top: 10px; margin-top: 8px;}


/* Side Right ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++++++ */

.SR { width: 450px; float: right; position: relative; }
.SR h2 { font-size: 14px; letter-spacing: normal; font-weight: bold;}
.SR h3 { font-size: 14px; letter-spacing: normal; font-weight: bold;}

/* Side Right Left ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++ */

.SRL { width: 230px; float: left; padding: 15px 20px 15px 20px;}
.SRL h3 { background: url(images/SRLH3.gif) repeat-x left bottom; color:#ffffcc; padding: 0px 0px 5px 0px; margin: 0px}
.SRL li a { color:#FFF; font-size: 11px; }
.SRL li a:visited { color:#FFF; }
.SRL li a:hover { color:#abcee1;}

/* Side Right Right ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++ */

.SRR { width: 160px; float: right; padding: 10px;}
.SRR h3 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR h2 { background: url(images/SRRH3.gif) repeat-x left bottom; color:#abcee1; padding: 0px 0px 5px 0px; margin: 0px 0px 5px 0px }
.SRR ul { padding: 0px; margin: 0px;}
.SRR li { padding: 0px 0px 0px 10px; margin: 0px; list-style-type: none; background: url(images/SRRIco.png) no-repeat left top;}
.SRR li a { color:#7a8fa4; font-size: 11px; }
.SRR li a:visited { color:#7a8fa4; }
.SRR li a:hover { color:#7a8fa4;}

/* Search ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++ */

.Search { background: url(images/Search.gif) no-repeat left top; position: absolute; top: -63px; width: 280px; left: -9px;}
.Search form { padding: 30px 20px 10px 30px; margin: 0px;}
.Search input { border: none; color: #330033; font-size: 11px;}
.Search input.search { width: 24px; height: 23px; background: url(./images/SearchButton.gif) no-repeat;}
.Search input.keyword { background: none; border: none; padding: 5px 0px 5px 8px; width: 200px; border: none; } /**/ * html #buttonsearch { margin: -24px 0px 0px 203px; } /* */
#buttonsearch { padding: 0px; margin: -23px 0px 0px 203px; top: 0px; background: none; }

/* Categories ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
++++++++++ */

.Categ { margin-bottom: 20px;}
.Categ h3 { background: url(images/CategH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.Categ ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.Categ li { margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; border-bottom: solid 1px #106899;}

/* Latest Comments - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.LatestCom { margin-bottom: 30px;}
.LatestCom h3 { background: url(images/LatestComH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.LatestCom ul { background: url(images/SRLH3.gif) repeat-x top; margin: 0px; padding: 10px 0px 0px 0px;}
.LatestCom li { display: block; color:#000000; margin: 0px; padding: 2px 0px 3px 20px; list-style-type: none; font-size: 11px; background: url(images/CategLi.png) no-repeat left top; font-size: 10px; font-weight: bold; border-bottom: solid 1px #106899;}
.LatestCom li a { display: block; font-size: 11px; font-weight: normal;}

/* Flickr RSS - PlugIn ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++ */

.Flickr { margin-bottom: 10px;}
.Flickr h3 { background: url(images/FlickrH3.gif) no-repeat left top; padding-left: 20px; margin: 0px; }
.Flickr ul { background: url(images/SRLH3.gif) repeat-x top; padding: 10px 0px; margin: 0px;}
.Flickr li { padding: 0px; margin: 0px 6px 0px 0px; list-style-type: none; display: inline;}
.Flickr li a img { background: #000; padding: 1px; border: solid 4px #127aae; width: 60px; height: 60px; margin-bottom: 5px;}
.Flickr li a:hover img { background: #fff; padding: 1px; border: solid 4px #09182a; margin-bottom: 5px;}

/* Syndicate ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++ */

.Syn { background: #09182a url(images/SynBottom.gif) no-repeat left bottom; margin-bottom: 10px; position: relative; padding: 10px 15px; }
/**/ * html .SynTop { left: -15px;} /* */
.SynTop { position: absolute; background: url(images/SynTop.gif) no-repeat left top; left: 0px; top: 0px; width: 230px; height: 8px; }
.Syn ul { margin: 0px; padding: 0px;}
.Syn li { background: url(images/SynIco.gif) no-repeat left center; margin: 0px; padding: 3px 0px 3px 20px; list-style-type: none; font-size: 12px; color:#0097ca;}
.Syn li a { color:#fff; font-size: 12px; }

/* Footer ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+++++++++++++++++ */

.Footer { width: 970px; position: relative; clear: left; padding: 10px 15px;}
.FL { position: absolute; top: -8px; left: 0px; height: 8px; width: 8px; background: url(images/FL.gif) no-repeat left top; }
.FR { position: absolute; top: -8px; right: 0px; height: 8px; width: 8px; background: url(images/FR.gif) no-repeat left top; }
.Footer p { font-size: 10px; color:#92b8cd; padding: 0px; margin: 0px; }
.Footer a { color:#92b8cd; text-decoration: underline;}


Okej, tak jak już to wcześniej zdiagnozowano to problem z CSSem, aby go rozwiązać trzeba edytować klasę .SR, zmienić pozycjonowanie z relatywnego na absolutne i dodać wyrównanie do prawego, górnego rogu, czyli:

.SR { width: 450px; float: right; position: absolute; top: 0; right: 0; }

Dzięki wielkie itproject1 za chęci do pomocy! smile.gif

Edycja: To nie do końca dobre rozwiązanie. Firefox (zresztą słusznie) wydłuża zawartość sidebaru jeśli ta jest dłuższa od zawartości strony z contentem. Później nad tym popracuję.

Ten post edytował Fanatyk 12.9.2007 - 20:50
Powód edycji: Zmiana code na codebox


--------------------
Popularne seriale telewizyjne - Lost: Zagubieni, Star Trek, Stargate Atlantis, Battlestar Galactica, Firefly, Babylon 5, Joey i inne...
Go to the top of the page
 
+Quote Post
skyPAPA
post 28.12.2007 - 00:49
Post #4


aktywność:
**

Grupa: +Bloger
Postów: 45

Nr: 2 143



do padding dodaj margin i bedzie dobrze
Go to the top of the page
 
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



Wersja Lo-Fi Aktualny czas: 4 12 08 - 21:16
WebFan | Forum Komputerowe | Spotkania blogerów