Mam kilka problemów. Nagle okazało się, że moja strona nie dobrze wygląda w IE6 i 7 i w Operze 10.
Spoko wyglądało w FF czy IE8
Ogólnie stronę znajomy mi montował, więc dla mnie czarna magia
Po walkach mam podobne wyglądy w IE i FF.
Ale pozostało mi:
- nie wiem jak dopasować wielkość aby zniknęła belka przewijania poziomego
- co zrobić z gadżetami z Facebooka i Googla. W IE wyświetlają się ok, ale w FF rozciągają prawą kolumnę. Po za tym to już magia jeden widget z FB wyświetla się z Dołącz do fanów, a drugi bez; a czasami cały znika?!?
- nie wiem co powoduje wyświetlanie u góry strony niebieskiego paska przez całą stronę? Powinny być tylko "główki" i pod nimi treść strony. W IE jest jeszcze dodatkowy pasek niebieski na "głowach".
- ogólnie strona ładuje się długo jakieś rady?!
link do strony
http://queen1991.blog.pl/
CSS
- Kod: Zaznacz cały
html {
font-family: Verdana, sans-serif;
font-size: 0.8em;
text-align: justify;
color: #fff;
}
div {
background-color: #294876;
padding: 2em;
}
div#ramka {
width: 90%;
margin: 0 auto;
padding: 0;
}
div#nagl {
background-image: url(http://img434.imageshack.us/img434/1892/queen24vh.png);
background-repeat: no-repeat;
background-position: top center;
background-color: #fff;
width: 100%;
height: 116px;
padding: 0;
}
div#tresc {
background-color: #294876;
color: #fff;
/* -moz-border-radius: 20px; */
padding: 5px;
}
div#wpisy {
float: left;
width: 70%;
overflow: hidden; /* aby za duze obrazki nie rozwalaly ukladu */
padding: 0px;
}
div#linki {
text-align: center;
font-size: 0.7em;
}
div#tytul {
border-bottom: 1px dotted #fff;
padding: 0;
}
div#stopka {
clear: both;
text-align: center;
/* border-top: 1px dotted #fff; */
margin-top: 1em;
padding: 0;
}
div#banery>p {
margin: 1em;
overflow: hidden;
}
div.komentarz {
background: url(http://img6.imageshack.us/img6/7949/quote5ks.gif) 0.5em 0.5em no-repeat;
padding: 0.5em;
padding-left: 80px;
}
img {
border: 0px;
}
hr {
border: none;
border-bottom: 1px solid #fff;
height: 40px !important;
height: 1px; /* dla IE */
width: 100%;
background: url(http://img416.imageshack.us/img416/681/boy7tt.gif) top left no-repeat;
}
h1 {
font-family: Georgia, serif;
font-size: 1.5em;
text-align: center;
}
h2 {
font-family: Georgia, serif;
font-size: 1.3em;
}
h3 {
margin-top: 0;
font-family: Georgia, serif;
font-size: 1.1em;
}
h9 {
text-align: center;
font-size: 0.6em;
font-weight: normal;
}
a {
color: #fff;
font-weight: bold;
}
li {
margin: 2px 0;
}
ul {
list-style-type: none;
padding: 0;
margin: 1em auto;
}
#wpisy img {
max-width: 100%;
}
#stopka>table {
margin: 0 auto;
}
form {
border: 1px solid #fff;
padding: 2px;
}
select {
width: 90%; /* aby zbyt dlugi nie rozwalal prawej kolumny */
}
- Kod: Zaznacz cały
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta name="keywords" content="queen, niusy, muzyka, freddie, brian, john, roger, mercury">
<meta name="verify-v1" content="bR85toiJpqgfYLz5QEkLJcTb4xP7V/YnQF8AI7AVEKY=" />
<meta http-equiv="content-type" content="text/html ; charset=iso-8859-2" />
<meta name="author" content="" />
<link title="Absolutnie Queen - Niusy ze świata Królowej!" href="http://queen1991.blog.pl/index.rss" type="application/rss+xml" rel="alternate" />
<link rel="stylesheet" href="css/styl.css" type="text/css"/>
<title>Absolutnie Queen - Newsy ze świata KRÓLOWEJ! </title>
<!--[if lte IE 7]>
<script type="text/javascript">
// dostosowanie wymiaru obrazkow do szerokosci "wpisy", obejscie braku max-width w IE
function imgSize()
{
function toArray (c)
{
var a, k;
a=new Array;
for (k=0; k < c.length; ++k)a[k]=c[k];
return a;
}
var images, img, altText;
images=toArray(document.images)
for (var i=0; i < images.length; ++i)
{
img=images[i];
if (img.width > document.getElementById("wpisy").clientWidth)
img.style.width = document.getElementById("wpisy").clientWidth-1+"px";
};
}
</script>
<style type="text/css">
hr { -ms-extension: expression(this.replaceNode(document.createElement("iehr"))); }
iehr { display: block; height: 40px; width: 100%; margin: 0 auto;
background: url(http://img416.imageshack.us/img416/681/boy7tt.gif) 0 0 no-repeat;
border: none; border-bottom: 1px solid #fff; }
div#linki { width: 20%; overflow: hidden; }
</style>
<![endif]-->
</head>
<body onload="imgSize()">
<div id="ramka">
<div id="nagl"></div>
<div id="tresc">
<div id="tytul">
<h1><a href="http://queen1991.blog.pl/">Absolutnie Queen</a></h1>
<h1>Witam w królestwie wiadomości o Queen! <p>Działa od 10.01.2003 roku</p></h1>
</div>
<div id="wpisy">
{blog}
</div>
<div id="linki">
<ul>
<li><h2><a href="/xiega/index.php"><b>KSIĘGA GOŚCI</b></a></h2></li>
<li><a href="http://queen1991.blog.pl/index.rss"><img src="http://fanklub.queen.pl/grafika/feed-icon-28x28.png" alt="RSS" title="RSS" /></a></li>
<li><img src="http://www.gadu-gadu.pl/users/status.asp?id=2938423&styl=1">
<A href="gg:2938423">2938423</A></li>
<li> <tr><td><script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"></script><script type="text/javascript">FB.init("0a7ea008b19d6eb26e7bcf285931ace4");</script><fb:fan profile_id="258775886171" stream="0" connections="0" logobar="0" width="200"></fb:fan><div style="font-size:8px; padding-left:10px"><a href="http://www.facebook.com/pages/Absolutnie-Queen/258775886171"></div></li></td></tr>
<li><td><tr><script type="text/javascript" src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/pl_PL"></script><script type="text/javascript">FB.init("5af5d32315a37f6f1c0a7b5648a8f50b");</script><fb:fan profile_id="313936697049" stream="0" connections="0" logobar="0" width="200"></fb:fan><div style="font-size:3px; padding-left:3px"><a href="http://www.facebook.com/pages/Polski-Fanklub-Queen-Polish-Queen-Fanclub/313936697049"></div></li></td></tr>
<li>
<tr><td style="padding-left: 1px"> <b>Zapisz się do Grupa Queen na Google</b> </td></tr>
<form action="http://groups.google.com/group/queen-polska/boxsubscribe">
<input type=hidden name="hl" value="pl">
<tr><td style="padding-left: 1px;"> E-mail: <input type=text name=email>
<input type=submit name="sub" value="Zapisuje się">
</td></tr>
</form>
</li>
<li><a href="http://www.queen1991.prv.pl/"><img src="http://members.lycos.co.uk/queen1991/mini/QUEEN-1991.png"
alt="Absolutnie Queen 1991" title="Absolutnie Queen 1991" /></a></li><li><a href="http://www.queen.cba.pl/"><img src="http://members.lycos.co.uk/queen1991/queen-hs.png"
alt="Planeta Hot Space" title="Planeta Hot Space" /></a></li>
<li><a href="http://www.wierszetakzwane.prv.pl/"><img src="http://members.lycos.co.uk/queen1991/mini/Wiersze-Moje.png"
alt="Wiersze Tak Zwane" title="Wiersze Tak Zwane" /></a></li>
<li><a href="http://www.deaky.prv.pl/"><img src="http://members.lycos.co.uk/queen1991/mini/Deaky-prv.pl.png"
alt="John Deacon Site" title="John Deacon Site" /></a></li>
<li><a href="http://www.queen.blox.pl/"><img src="http://members.lycos.co.uk/queen1991/admin-diary.png"
alt="Z pamiętnika admina tzn. drania" title="Z pamiętnika admina tzn. drania" /></a></li>
<li><a href="http://www.zbyszqueen.cba.pl/"><img src="http://members.lycos.co.uk/queen1991/mini/Zbyszek-Queen.png"
alt="Zbyszek & Queen" title="Zbyszek & Queen" /></a></li>
<li><a href="http://queenware.queen.pl/"><img src="http://queenware.queen.pl/queenware.png" alt="Queenware" title="Queenware" /></a></li>
<li><a href="http://merlin.pl/Przewodnik-fana-Queen-po-Londynie_Michal-Bigoraj/browse/product/1,619373.html"><img src="http://fanklub.queen.pl/grafika/przewodnik.jpg"></a></li>
<li><a href="http://www.brianmay.cba.pl/">Brian May PL</a></li>
<li><a href="http://rogertaylor.info/"><img src="http://img147.imageshack.us/img147/2996/rogertaylorinfonw9.jpg"
alt="Roger Taylor" title="Roger Taylor" /></a></li>
<li><a href="http://queencorner.ovh.org/"><img src="http://queencorner.fm.interia.pl/buttonqc.gif"
alt="Queen Corner" title="Queen Corner" /></a></li>
<li><a href="http://republika.pl/inqueen/index.html"><img src="http://www.inqueen.republika.pl/inqueenbutton.jpg" alt="Invincible Queen" title="Invincible Queen"></a></li>
<li><a href="http://www.queenheadlong.prv.pl"><img src="http://www.republika.pl/qfm/qh.jpg" alt="Queen Headlong" title="Queen Headlong"></a></li>
<li><a href="http://www.queenrare.prv.pl"><img src="http://www.members.lycos.co.uk/queen1991/qrarebutton.jpg" alt="Queen Rare" title="Queen Rare"></a></li>
<li><a href="http://www.queenman.friko.pl"><img src="http://img438.imageshack.us/img438/2359/banner9yx.jpg" alt="QueenMan" title="QueenMan Page"></a></li>
<li><a href="http://www.brianmay.com"><img src="http://www.brianmay.com/images/link_button2.gif" alt="Brian May Official Site" width="120" height="100" border="0"></a></li><li><a href="http://www.banguniverse.com"><img src="http://www.banguniverse.com/images/bang_universe_ani1.gif" alt="Bang! The Complete History of the Universe by Brian May, Patrick Moore and Chris Lintott - www.banguniverse.com" width="80" height="100" border="0"></a><br /></li> <a href="http://www.brianmayguitars.co.uk" target="_blank"><img src="http://www.brianmayguitars.co.uk/userfiles/image/bmg_logo150x75.gif" alt="Brian May Guitars - The Official web site for Brian May Guitars" width="150" height="75" border="0" ></a><li><a href="http://www.fanklub.queen.pl"><img src="http://forum.queen.pl/pfqmini.gif" alt="Polski Fanklub Queen" width="80" height="80" border="0"></a></li>
<li><a href="http://forum.queen.pl" title="Forum Queen"><img src="http://forum.queen.pl/templates/flash/images/flash-forum-small.gif" width="120" height="100" border="0"></a></li> <li>
<form action="http://www.google.pl/search" method="get" onsubmit="document.getElementById('q').value=document.getElementById('q2').value+' site:queen1991.blog.pl inurl:archiwum inurl:index '">
<input type="hidden" name="hl" value="pl">
<input type="hidden" name="btnG" value="Szukaj">
<input type="hidden" name="q" id="q" value="site:queen1991.blog.pl inurl:archiwum inurl:index">
<input type="text" name="q2" id="q2" value="">
<input type="submit" value="Szukaj"></form></li>
<li><a href="http://www.blog.pl"><img src="http://www.blog.pl/img/blog_ikonka.gif" /></a></li>
</ul>
<p>{archiwum}</p>
<p>{linki}</p>
</div>
<div id="stopka">
<p><img src="http://strony.aster.pl/queen1991/banerblog.gif" alt="Banner" /></p>
<h9><a href="http://queen.one.pl/">MKN 2005</a></h9>
<p>
<script language="javascript" src="http://www.activstats.pl/c/stat.php?counter=d3fbf3eff8456a0979c1"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2442404-1";
urchinTracker();
</script> </p>
</div>
</div>
</div>
</body>
</html>
z góry
dzięki za jasne wskazówki i uwagi