Jak optimalizovat web

Dobrý den, potřeboval bych poradit jak optimalizovat web pro různá rozlišení a browsery. Jde o web www.tbs-parba.ic.cz dělán na rozlišení 1280x1024 a pixely jsem dělal podle mozily. V chrome to jde v pohodě bez chyb všechno v opeře je jen malá chybka v tom že s záložse servery ty statusy překrývají nadpis ale v IE 8 i 9 to je všechno nějak jinak. Dělal jsem ho s kámošem v pspadu a je to html se stylováním css ale to je vám asi jasný. jestli chybí nějaké info taak napište a já doplním

Jsou zobrazeny jen nové odpovědi. Zobrazit všechny

Předmět	Autor	Datum
tak předěláno ie to ale furt nějak nebere tom.win 13.04.2011 15:31	tom.win	13.04.2011 15:31
V tom stylopisu máš .ikona { text-decoration:none; float:left; clear:all; margin-top:500px; margin-… Zarniwúp 13.04.2011 15:54	Zarniwúp	13.04.2011 15:54
Ty mínusy u jednotek nebudou správně, resp. tam asi nemají co dělat... Ve stylopisech se používají… IQ37 13.04.2011 18:54	IQ37	13.04.2011 18:54
Máš pravdu, moje blbost. nový Zarniwúp 14.04.2011 06:45	Zarniwúp	14.04.2011 06:45
Stylopis se dává mezi <head> a </head> a ne do <body>. Lepší je to však v tom externím jeden pro vše… nový Kráťa 14.04.2011 01:30	Kráťa	14.04.2011 01:30
Na tohle jsem ho asi navedl já s tím, že menu patří do <body>. nový Zarniwúp 14.04.2011 06:47	Zarniwúp	14.04.2011 06:47
Ano. Menu patří do <body>. Menu je přeci ale toto <table class="menu"> <tr> <td> <a href="novinky.h… poslední Kráťa 14.04.2011 11:06	Kráťa	14.04.2011 11:06
Když je chyba v IE, co tam máte za DOCTYPE? Nemáte to v qirku? (na kód jsem nekoukal, jsem na mobilu… crash01 13.04.2011 23:08	crash01	13.04.2011 23:08
Má tam <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> nový Kráťa 14.04.2011 01:27	Kráťa	14.04.2011 01:27
Změň na: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> nový crash01 14.04.2011 10:13	crash01	14.04.2011 10:13
Jo a nikdo z ostatních adminů taky česky neumí?:)) nový crash01 13.04.2011 23:16	crash01	13.04.2011 23:16

tak předěláno ie to ale furt nějak nebere

V tom stylopisu máš

.ikona {
 text-decoration:none;
 float:left;
 clear:all;
 margin-top:500px;
 margin-left:-175px;
 
 }

.menu2 {
 float:right;
 clear:left;
 width:150px;
 border:groove 1px darkorange;
 margin-top:-500px;
 }

 margin-left:-175px;

 margin-top:-500px;

Ty mínusy u jednotek nebudou správně, resp. tam asi nemají co dělat...
Stylopis je lepší mít v texťáku zvlášť, např style.css a odkazovat na něj právě z hlavičky html (to bude to, co hledal karel). Nemusíš to pak opravovat v každém html zvlášť, ale v jednom texťáku.

Ty mínusy u jednotek nebudou správně, resp. tam asi nemají co dělat...

Ve stylopisech se používají i záporné hodnoty: viz length.html

Máš pravdu, moje blbost.

Stylopis se dává mezi <head> a </head> a ne do <body>. Lepší je to však v tom externím jeden pro všechny soubory, jak píše kolega.

Na tohle jsem ho asi navedl já s tím, že menu patří do <body>.

Ano. Menu patří do <body>. Menu je přeci ale toto

<table class="menu">
<tr> <td> <a href="novinky.html">Novinky </a> </td> </tr>
<tr> <td> <a href="admini.html">Admini </a> </td> </tr>
<tr> <td> <a href="bany.html">Bany </a> </td> </tr>
<tr> <td> <a href="download.html">Download </a> </td> </tr>
<tr> <td> <a href="kontakty.html">Kontakty </a> </td> </tr>
<tr> <td> <a href="servery.html">Servery </a> </td> </tr>
<tr> <td> <a href="galerie.html">Galerie </a> </td> </tr>
<tr> <td> <a href="pravidla.html">Pravidla </a> </td> </tr>
</table>

a stylopis tohle

  <style type="text/css">
 Body {
  background-color:black;
 color:darkorange;
}
 
 
 .menu {
 float:left;
 clear:right;
 background-color:Black;
 color:darkorange;
 width:150px; 
 border:groove 1px darkOrange;
 margin-left:182px;
 margin-top:50px;
 }
 .menu td {
 
 text-align:center;
 border:groove 1px darkorange;
 height:50px;
 font-size:25px;
 font-family:Ravie;
 }
 .menu td a {
 color:darkorange;
 background-color:Black;
 text-decoration:none;
 }
 .menu td a:hover {
 background-color:darkorange;
 color:black;
 }
 
 .ikona {
 text-decoration:none;
 float:left;
 clear:all;
 margin-top:500px;
 margin-left:-175px;
 }
 
 .obsah {
 float:right;
 margin-right:300px;
 width:550px;
  background-color:black;
 color:darkorange;
 text-align:center;
 font-family:monotype corsiva;
 }
 
 </style>

Já vím, že ty to víš, Ale autorovi dotazu se to asi nějak popletlo.