25-06-2010, 05:00
Witam,
Zrobiłem sobie szablon allegro i pod wszystkimi przeglądarkami oprócz ie działa poprawnie.
Chciałem zrobić osobny szablon dla IE ale gdy wpisuje go do sekcji <HEAD> jako if to strona zmienia się także pod FF Co robię źle?
Kod w sekcji IE jest całkiem pomieszany bo próbowałem coś robić ale nie działało jak ktoś chce zobaczyć jak wygląda szablon w FF niech wywali całą sekcje if i będzie ok:
Zrobiłem sobie szablon allegro i pod wszystkimi przeglądarkami oprócz ie działa poprawnie.
Chciałem zrobić osobny szablon dla IE ale gdy wpisuje go do sekcji <HEAD> jako if to strona zmienia się także pod FF Co robię źle?
Kod w sekcji IE jest całkiem pomieszany bo próbowałem coś robić ale nie działało jak ktoś chce zobaczyć jak wygląda szablon w FF niech wywali całą sekcje if i będzie ok:
Kod:
<html>
<HEAD>
<STYLE type="text/css">
#container
{
width:950px;
height:auto;
margin-left:auto;
margin-right:auto;
}
#naglowek
{
width:950px;
height:150px;
background: url(http://img375.imageshack.us/img375/9648/naglowekg.jpg);
float:left;
margin-bottom:2px;
}
#tab_koszty
{
width:200px;
height:auto;
background:#d0b86f;
float:right;
font-family:verdana, arial;
font-size: 12px;
padding:10px;
margin-bottom:2px;
}
#nag_koszty
{
font-family:verdana, arial;
font-size: 14px;
font-weight:bold;
text-align:center;
width:220px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
color:#f9e3be;
float:left;
margin-left:-10px;
margin-top:-10px;
margin-bottom:10px;
}
#tab_sposob
{
padding:10px;
width:200px;
height:auto;
background:#D4BB70;
float:right;
font-family:verdana, arial;
font-size: 12px;
margin-bottom:2px;
}
#nag_sposob
{
color:#f9e3be;
font-weight:bold;
margin-top:2px;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:220px;
height:20px;
background:#b67934;
clear:both;
float:right;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
clear:right;
margin-left:-10px;
margin-top:-10px;
margin-bottom:10px;
float:left;
}
#nag_allegro
{
float:left;
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:220px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
margin-left:-10px;
margin-bottom:10px;
}
#nag_onas
{
float:left;
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:220px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
margin-left:-10px;
margin-top:-10px;
margin-bottom:10px;
}
#tab_onas
{
float:left;
clear:left;
padding:10px;
width:200px;
background:#D4BB70;
font-family: verdana, arial;
font-size: 12px;
margin-bottom:2px;
}
#nag_glowne
{
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:506px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
float:left;
margin-left:-10px;
margin-bottom:10px;
}
#glowne
{
margin-left:2px;
margin-bottom:2px;
font-size:18px;
font-family:tahoma;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width: 486px;
height:auto;
background: #e9d3af;
float:left;
}
#stopka
{
clear:both;
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:950px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
}
#kreska
{
margin-top:10px;
width:220px;
height:2px;
background:white;
margin-left:-10px;
}
li
{ margin-left:-15px;
}
ul
{
list-style:circle;
}
img
{
margin-right:5px;
float:right;
}
p.klasa1
{
text-align:left;
font-size:15px;
font-family: verdana;
font-weight:italic;
}
p.klasa2
{
margin-top:30px;
font-size:15px;
font-family: verdana;
font-weight:italic;
}
h1
{
margin-top:5px;
font-size:20px;
font-family: verdana;
font-weight:italic;
}
a:link, a:visited
{
color:black;
}
a:hover
{
color:#f9e3be;
}
<!--[if lt IE 7]>
body {
text-align: center;
}
#tab_koszty
{
padding-left:200px;
padding-top:40px;
width:200px;
font-family:verdana, arial;
font-size: 12px;
padding:0px;
margin-bottom:2px;
}
#nag_koszty
{
padding-top:12px;
font-family:verdana, arial;
font-size: 14px;
font-weight:bold;
text-align:center;
width:230px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
color:#f9e3be;
float:left;
margin-left:-10px;
margin-top:-10px;
margin-bottom:10px;
}
#tab_sposob
{
padding:10px;
width:200px;
height:auto;
background:#D4BB70;
float:right;
font-family:verdana, arial;
font-size: 12px;
margin-bottom:2px;
}
#nag_sposob
{
color:#f9e3be;
font-weight:bold;
margin-top:2px;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:220px;
height:20px;
background:#b67934;
clear:both;
float:right;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
clear:right;
margin-left:-10px;
margin-top:-10px;
margin-bottom:10px;
float:left;
}
#nag_allegro
{
float:left;
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:220px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
margin-left:-10px;
margin-top:-12px;
margin-bottom:10px;
}
#nag_onas
{
float:left;
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:220px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
margin-left:-10px;
margin-top:-10px;
margin-bottom:10px;
}
#tab_onas
{
float:left;
clear:left;
padding:0px;
width:200px;
background:#D4BB70;
font-family: verdana, arial;
font-size: 12px;
margin-bottom:2px;
padding-left:10px;
padding-top:10px;
}
#nag_glowne
{
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:506px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
float:left;
margin-left:-10px;
margin-bottom:10px;
}
#glowne
{
margin-left:2px;
margin-bottom:2px;
font-size:18px;
font-family:tahoma;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
width: 486px;
height:auto;
background: #e9d3af;
float:left;
}
#stopka
{
clear:both;
color:#f9e3be;
font-weight:bold;
font-family:verdana, arial;
font-size: 14px;
text-align:center;
width:950px;
height:20px;
background:#b67934;
border-top-style:solid;
border-top-width:1px;
border-top-color:#A15000;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#A15000;
}
#kreska
{
margin-top:10px;
width:220px;
height:2px;
background:white;
margin-left:-10px;
}
li
{ margin-left:-15px;
}
ul
{
list-style:circle;
}
img
{
margin-right:5px;
float:right;
}
p.klasa1
{
text-align:left;
font-size:15px;
font-family: verdana;
font-weight:italic;
}
p.klasa2
{
margin-top:30px;
font-size:15px;
font-family: verdana;
font-weight:italic;
}
h1
{
margin-top:5px;
font-size:20px;
font-family: verdana;
font-weight:italic;
}
a:link, a:visited
{
color:black;
}
a:hover
{
color:#f9e3be;
}
<!-[endif]-->
</STYLE>
</HEAD>
<BODY>
<div id="container">
<div id="naglowek"></div>
<!-- Tabelki lewa strona -->
<div id="tab_onas">
<div id="nag_onas">O firmie:</div>
Sprzedajemy tylko i wyłącznie towar który mamy na stanie <br />
/chyba że w opisie jest zaznaczona przedsprzedaż/<br /><br />
Oferujemy błyskawiczną wysyłkę<br /><br />
Mamy bardzo atrakcyjne ceny<br /><br />
Wszystkie pozycje są nowe i nigdy nie były używane<br /><br />
Do każdej książki dołączamy paragon, na życzenie wystawiamy fakturę VAT<br />
<div id="kreska"></div>
<div id="nag_allegro">Allegro:</div>
<center><a href="http://www.allegro.pl/show_user_">Nasze aukcje</a></center>
</div>
<!-- Glowne okno przedmiotu -->
<div id="glowne">
<div id="nag_glowne">Przedmiot aukcji:</div>
<span style="text-align:right;"><img src="http://img710.imageshack.us/img710/1623/hughy.jpg"></span>
<p class="klasa2">
<h1>Pakiet 3 tomów - Camilla Lackberg <br /> <br /></h1>
<span style="font-weight:bold">Wydawnictwo:</span> Czarna Owca <br />
<span style="font-weight:bold">Oprawa:</span> miękka <br />
<span style="font-weight:bold">Rok wydania:</span> 2009 <br />
<span style="font-weight:bold">Wymiary:</span> 13,5 x 21 cm <br />
<br />
<span style="font-weight:bold">Książki są nowe, nieużywane. </span> <br />
</p>
<p class="klasa1">
<span style="font-weight:bold">Opis:</span><br /><br />
W niewielkiej miejscowości na zachodnim wybrzeżu Szwecji, wśród małej, zamkniętej społeczności, gdzie wszyscy się znają i wszystko o sobie wiedzą - w jednym z domów odkryto zwłoki młodej kobiety. Początkowo wszystko wskazuje na samobójstwo, okazuje się jednak, że Alex została zamordowana. Prywatne śledztwo rozpoczyna Erica Falck - pisarka i przyjaciółka Alex z dzieciństwa. Księżniczka z lodu to doskonałe studium psychologii zbrodni. Jednak książka nie ogranicza się jedynie do intrygi kryminalnej. Jest to także powieść obyczajowa z ciekawie nakreślonymi postaciami i interesującym obrazem szwedzkiej prowincji. To mocna strona powieści, która oprócz Szwecji odniosła wielki sukces także we Francji, gdzie trwają przygotowania do produkcji filmu. Pierwsze wydanie Księżniczki z lodu ukazało się w 2003 roku. Od tamtej pory Camilla Läckberg wydała już sześć kryminałów, w których czytelnicy spotykają się z pisarką Ericą Falck i mieszkańcami małej miejscowości w pobliżu Göteborga. Powieść została wyróżnienie międzynarodową nagrodą Grand Prix de Littérature Policiere dla najlepszej powieści kryminalnej 2008 roku.
</p>
</div>
<!-- Tabelki prawa strona -->
<div id="tab_koszty">
<div id="nag_koszty">Koszty wysyłki:</div>
.....
</div>
<div id="tab_sposob">
<div id="nag_sposob">Sposób wysyłki:</div>
......
</div>
<div id="stopka"></div>
</div>
</BODY>
</html>
