Autor Zpráva
lachim15
Profil
Zdravím,
Na IE 10 nefungují podmíněné komentáře, tak bych potřeboval poradit, jestli není možné něčím nahradit nefungující:
<!--[if IE 10]>
    <link rel="stylesheet" type="text/css" href="cssie10.css" />
<![endif]-->

díky za pomoc.
TomasJ
Profil
Proč potřebuješ pro IE 10 podmíněné komentáře? Od IE 9 se vývojáři drží standardů. Není třeba jim nadále psát zvláštní styly. Nebo snad máš nějaký problém, který je řešitelný jedině podmíněním?
lachim15
Profil
Mno u mě je problém, že mám udělaný text patičky tak, že se mi na IE 8,9 a 10 zobrazuje v různé výškové úrovni (přes css pozicování) a přes tohle ho dolaďuji, aby byl tak, jak má být (na Firefox, Opeře, Safari i Chromu s tímhle problém nemám, zobrazuje se to jak má)
TomasJ
Profil
A co takhle napsat kus stylu, který bude všude stejný?
Hodně agresivní je třeba pozicování přes "top,left,right,bottom"
lachim15
Profil
Tak jsem to měl původně, ale ten text v patičce není přesně tak jak má být, aby to vypadalo pěkně, vždy se to u Exploreru hlavně pozicuje jinak. Pokud bych to chtěl mít bez css pozicování toho textu, musel bych předělat základní šablonu webu :/
EDIT:Mám tam jen:
.patatext {
font-size: 12px;
position: relative;
top:-12px;
font-family: Trebuchet MS; 
}
margin
Profil *
lachim15:
V tom kousku kódu nevidím problém. Chtělo by to odkaz na živou ukázku.
lachim15
Profil
živá ukázka:
http://kmenkddk.9e.cz/
margin
Profil *
CSS:
.patatext {
line-height: 30px; /* line-height = height #footer */
font-size: 12px;
font-family: Trebuchet MS; 
}
HTML, vyhodil jsem zbytečné odřádkování <br>:
  <div id="footer">
    <div class="patatext">Code by <a href="index.php?stranka=lachim16">lachim16</a> Design by me and InnoGames &copy 2012-2013</div>
</div>
nebo ještě lépe bez zbytečného .patatext DIVu:
CSS:
#footer { 
 width: 700px;
 text-align: center;
 background: #e2e2e2;
 margin:auto;
 margin-bottom:10px;
 position:relative;
 height:30px;
  clear: both;
   -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
border:1px solid #acacac;
line-height: 30px; /* line-height = height */
font-size: 12px;
font-family: Trebuchet MS; 
}
HTML:
  <div id="footer">
    Code by <a href="index.php?stranka=lachim16">lachim16</a> Design by me and InnoGames &copy 2012-2013</div>
Nastavit line-height na stejnou hodnotu, jako height je starý a osvědčený způsob vycentrování jednořádkového textu.
lachim15
Profil
Už to funguje na všech prohlížečích jak má, o tagu line-height jsem ani nevěděl, bude se určitě hodit i do budoucna, díky za pomoc :)
preca1
Profil
lachim15:
Jen drobná poznámka: line-height neni tag, ale CSS vlastnost. Tagy jsou v HTML.

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0