Autor Zpráva
Lukasmage
Profil *
Dobrý den, mám stránku http://www.czeclan.wz.cz/ a na stránce clan wars se mi to v IE zobrazuje normálně, ale ve firefoxu se mi ty informace jakoby píšou pod sebe a nezobrazuje se kolem nich rámeček, přitom v css mam v pxelech aby se zobrazovaly vedle sebe a byl kolem nich rámeček.
Pak ještě když do <div id..... > napíšu align="center" tak v IE se mi ten text v rámečku zarovná, ale ve Firefoxu se mi zarovná celej ten div nekam na stránku. Tak jestli by to nešlo udělat tak jak to vypadá v IE, aby to tak bylo i ve Firefoxu. Děkuji Lukas
Lukasmage
Profil *
nebo jestli tam někde nemam nějakeou chybu atd.. :)
Filips
Profil
moc nechápu... ja to mam podobně a jde mi to jak ve ff tak v ie...
tak pošli zdroják
spageta
Profil
mě se zdá že v IE i ve FF je to stejný.
Lukasmage
Profil *
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN">

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=windows-1250">
<title>Star Wars: Jedi Knight II : Jedi Outcast - ClanWars</title>

<base target="_blank">

<style type="text/css">

body { background:black}

#souper {background-color: silver; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; position: absolute; width: 100px; top: 50px; left: 30px}
#kdy {background-color: silver; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; position: absolute; width: 100px; top: 50px; left: 131px}
#typ {background-color: silver; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; position: absolute; width: 100px; top: 50px; left: 232px}
#score {background-color: silver; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; position: absolute; width: 100px; top: 50px; left: 333px}
#vysledek {background-color: silver; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; position: absolute; width: 100px; top: 50px; left: 434px}
#screenshot {background-color: silver; border-top: 1px solid black; border-left: 1px solid black; border-bottom: 1px solid black; border-right: 1px solid black; position: absolute; width: 100px; top: 50px; left: 535px}


#1 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 70px; left: 30px}
#2 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 70px; left: 131px}
#3 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 70px; left: 232px}
#4 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 70px; left: 333px}
#5 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 70px; left: 434px}
#6 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 70px; left: 535px}

#7 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 90px; left: 30px}
#8 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 90px; left: 131px}
#9 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 90px; left: 232px}
#10 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 90px; left: 333px}
#11 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 90px; left: 434px}
#12 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 90px; left: 535px}

#13 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 110px; left: 30px}
#14 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 110px; left: 131px}
#15 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 110px; left: 232px}
#16 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 110px; left: 333px}
#17 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 110px; left: 434px}
#18 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 110px; left: 535px}

#19 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 130px; left: 30px}
#20 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 130px; left: 131px}
#21 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 130px; left: 232px}
#22 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 130px; left: 333px}
#23 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 130px; left: 434px}
#24 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 130px; left: 535px}

#25 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 150px; left: 30px}
#26 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 150px; left: 131px}
#27 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 150px; left: 232px}
#28 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 150px; left: 333px}
#29 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 150px; left: 434px}
#30 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 150px; left: 535px}

#31 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 170px; left: 30px}
#32 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 170px; left: 131px}
#33 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 170px; left: 232px}
#34 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 170px; left: 333px}
#35 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 170px; left: 434px}
#36 {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 170px; left: 535px}


#vyzvat {background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; top: 200px; left: 434px}

a {text-decoration: none}
a:link {color: white}
a:visited {color: white}
a:active {color: white}
a:hover {color: red}

</style>

</head>
<body>

<p align="center">
<font color="white" face="Verdana" size="2"><b>ClanWars</b><hr></font>
</p>

<p align=left><font color="black" face="Verdana" size="2"><b>









<div id="souper" align="center">
<font color="black" face="Verdana" size="1"><b>Soupeř</b></font>
</div>



<div id="kdy" align="center">
<font color="black" face=
Lukasmage
Profil *
="Verdana" size="1"><b>Kdy</b></font>
</div>
<div id="typ" align="center">
<font color="black" face="Verdana" size="1"><b>Typ</b></font>
</div>
<div id="score" align="center">
<font color="black" face="Verdana" size="1"><b>Score</b></font>
</div>


<div id="vysledek" align="center">
<font color="black" face="Verdana" size="1"><b>Výsledek</b></font>
</div>


<div id="screenshot" align="center">
<font color="black" face="Verdana" size="1"><b>Screenshot</b></font>
</div>






<div id="1" align="center">
<font color="red" face="Verdana" size="1"><b><~JoD~></b></font>
</div>
<div id="2" align="center">
<font color="red" face="Verdana" size="1"><b>5.10.05</b></font>
</div>
<div id="3" align="center">
<font color="red" face="Verdana" size="1"><b>CTF</b></font>
</div>
<div id="4" align="center">
<font color="red" face="Verdana" size="1"><b>8:0</b></font>
</div>


<div id="5" align="center">
<font color="red" face="Verdana" size="1"><b>vyhra</b></font>
</div>


<div id="6" align="center">
<font color="red" face="Verdana" size="1"><b><a href="grafika/1cwjod5.10.05.jpg" target=_blank>zde</a></b></font>
</div>


<div id="7" align="center">
<font color="red" face="Verdana" size="1"><b><~JoD~></b></font>
</div>
<div id="8" align="center">
<font color="red" face="Verdana" size="1"><b>5.10.05</b></font>
</div>
<div id="9" align="center">
<font color="red" face="Verdana" size="1"><b>CTF</b></font>
</div>
<div id="10" align="center">
<font color="red" face="Verdana" size="1"><b>8:3</b></font>
</div>


<div id="11" align="center">
<font color="red" face="Verdana" size="1"><b>vyhra</b></font>
</div>


<div id="12" align="center">
<font color="red" face="Verdana" size="1"><b><a href="grafika/2cwjod5.10.05.jpg" target=_blank>zde</a></b></font>
</div>


<div id="13" align="center">
<font color="red" face="Verdana" size="1"><b><~JoD~></b></font>
</div>
<div id="14" align="center">
<font color="red" face="Verdana" size="1"><b>5.10.05</b></font>
</div>
<div id="15" align="center">
<font color="red" face="Verdana" size="1"><b>TFFA</b></font>
</div>
<div id="16" align="center">
<font color="red" face="Verdana" size="1"><b>70:48</b></font>
</div>


<div id="17" align="center">
<font color="red" face="Verdana" size="1"><b>vyhra</b></font>
</div>


<div id="18" align="center">
<font color="red" face="Verdana" size="1"><b><a href="grafika/3cwjod5.10.05.jpg" target=_blank>zde</a></b></font>
</div>


<div id="19" align="center">
<font color="red" face="Verdana" size="1"><b><~JoD~></b></font>
</div>
<div id="20" align="center">
<font color="red" face="Verdana" size="1"><b>6.10.05</b></font>
</div>
<div id="21" align="center">
<font color="red" face="Verdana" size="1"><b>TFFA</b></font>
</div>
<div id="22" align="center">
<font color="red" face="Verdana" size="1"><b>70:40</b></font>
</div>


<div id="23" align="center">
<font color="red" face="Verdana" size="1"><b>vyhra</b></font>
</div>


<div id="24" align="center">
<font color="red" face="Verdana" size="1"><b><a href="grafika/4cwjod6.10.05.jpg" target=_blank>zde</a></b></font>
</div>


<div id="25" align="center">
<font color="red" face="Verdana" size="1"><b><~JoD~></b></font>
</div>
<div id="26" align="center">
<font color="red" face="Verdana" size="1"><b>6.10.05</b></font>
</div>
<div id="27" align="center">
<font color="red" face="Verdana" size="1"><b>Duel</b></font>
</div>
<div id="28" align="center">
<font color="red" face="Verdana" size="1"><b>45:24_(9:10)</b></font>
</div>


<div id="29" align="center">
<font color="red" face="Verdana" size="1"><b>prohra</b></font>
</div>


<div id="30" align="center">
<font color="red" face="Verdana" size="1"><b><a href="grafika/5cwjod6.10.05.jpg" target=_blank>zde</a></b></font>
</div>

<div id="31" align="center">
<font color="red" face="Verdana" size="1"><b><~JoD~></b></font>
</div>
<div id="32" align="center">
<font color="red" face="Verdana" size="1"><b>6.10.05</b></font>
</div>
<div id="33" align="center">
<font color="red" face="Verdana" size="1"><b>CTF</b></font>
</div>
<div id="34" align="center">
<font color="red" face="Verdana" size="1"><b>8:0</b></font>
</div>


<div id="35" align="center">
<font color="red" face="Verdana" size="1"><b>vyhra</b></font>
</div>


<div id="36" align="center">
<font color="red" face="Verdana" size="1"><b><a href="grafika/6cwjod6.10.05.jpg" target=_blank>zde</a></b></font>
</div>

<div id="vyzvat" align="center">
<font color="red" face="Verdana" size="1"><b><a href="mailto:lukasmag@seznam.cz">Vyzvat na Clan War</a></b></font>
</div>

</b></font>

</body>
</html>
Lukasmage
Profil *
Snad vám nevadí když sem sem ten zdrojak zkopíroval : ) fakt nevim kde mam chybu : )
ondra
Profil *
nedival jsem se na neho, nejsem tak zkuseny, ale nemuze byt chba v tom ze IE bere jinak width nez mozilla??? mi se to uz nekolikrat stalo........
Fred
Profil
1/Když už máš problém v nějakém rámu co se jmenuje stejně jako Odkaz na frameset, dej sem přímý odkaz kdo to má čuchat. http://www.czeclan.wz.cz/clanwars.html
2/ID nemůže být jen číslo, ani číslem začínat
3/co trochu šetřit přenos v té kaskádě?
36x
background-color: black; border-top: 1px solid red; border-left: 1px solid red; border-bottom: 1px solid red; border-right: 1px solid red; position: absolute; width: 100px; je trochu moc. Kdyby jsi to obalil divem s nějakým id nebo class můžeš se ho chytnout, takhle je to moc kódu.

div.kterymToObalis div{background:#000; border:1px solid red;position: absolute;width:100px;text-align:center;color:red;font-family:verdana;f ont-weight:bold;font-size:small}


a jednotlive pozice budeš muset vypsat
#a1,#a2,#a3 ,#a4 ,#a5 ,#a6{top:70px;}
#b1,#b2,#b3 ,#b4 ,#b5 ,#b6{top:90px;}
#c1,#c2,#c3 ,#c4 ,#c5 ,#c6{top:110px;}
#d1,#d2,#d3 ,#d4 ,#d5 ,#d6{top:130px;}
#e1,#e2,#e3 ,#e4 ,#e5 ,#e6{top:150px;}
#f1,#f2,#f3 ,#f4 ,#f5 ,#f6{top: 170px;}
#a1,#b1,#c1,#d1,#e1,#f1{left:30px;}
#a2,#b2,#c2,#d2,#e2,#f2{left:131px;}
#a3,#b3,#c3,#d3,#e3,#f3{left:232px;}
#a4,#b4,#c4,#d4,#e4,#f4{left:333px;}
#a5,#b5,#c5,#d5,#e5,#f5{left:434px;}
#a6,#b6,#c6,#d6,#e6,#f6{left:535px;}

4/mícháš css s fonty a jiným pardon bordelem

Takže místo tohhohle

<div id="1" align="center">
<font color="red" face="Verdana" size="1"><b><~JoD~></b></font>
</div>

dáš tohle (styl a to venitř jsem definoval nahoře)
<div class="kterymToObalis">
<div id="a1">~JoD~</div>

5/nemůžeš používat entity v textu <b><~JoD~></b> pokud to chceš takhle mít musíš použít
&lt; a &gt;
Fred
Profil
Můžeš se když tak mrknout na mou starou úvodku tady, není úplně optimalizovaná, ale mohlo by tě to inspitŕovat, teda jestli jsem z toho stylu pochopil o co ti jde. http://xy.wz.cz/
Fred
Profil
css http://xy.wz.cz/intro.css
Toto téma je uzamčeno. Odpověď nelze zaslat.

0