Autor Zpráva
Webmistress
Profil *
Může mi prosím někdo poradit, jak přepsat (pomocí podtržítkového hacku asi) šablonu toho blogu tak, aby se stránka zobrazovala korektně i v IE?
http://noira.bloguje.cz
Já vím, v čem interpretace spočívá, ale zapoměla jsem na to jak na smrt a zděsila se, jak se to v IE šeredně rozplavalo (pokud mi to někdo dokáže nejen opravit, i vysvětlit, bude to skvělé:) )
šablona:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title><$BlogTitle$></title>
<style type="text/css">
body { font-size: 12pt; color: #CCCC99; font-family: 'Times New Roman CE', 'Times New CE', 'Times CE', 'Times New Roman', Times, serif;
background-image: url('sidegilded4.gif');
background-repeat: repeat; background-color: #3C4042;
margin: 0; padding: 0 }
#menu ul { margin: 0; padding: 0; list-style-type: none; }
#menu ul li { margin-top: .2em; margin-left: .2em; margin-right: .2em;}
#menu li a:link, #menu li a:visited { text-decoration: none; font-size: 14pt; color: #FAFAD2; background-color: #004000; display: block; margin: 0; padding-left: 1em;
padding-right: 1em; padding-top: .3em; padding-bottom: .3em; border: 1px solid; }
#menu li a:hover, #menu li a:active { background-color: green;}
h1 { font-size: 3.5em; letter-spacing: 2pt; margin: 0; padding: 0 }
h2 { font-size: 1.6em; }
h3 { font-size: 1.2em }
em { font-style: italic }
strong { font-weight: bold }
hr { color: #CCCC99; width: 90% }
.doprava { text-align:right; }
.nadpis { font-weight: bold; margin-left: 1em; font-size: 1.2em }
#levy
{
float: left;
width: 12em;
border: 2px solid;
margin: 0 0 0 .5em;
padding: 0 ;
clear: both;
}
#content
{
background-color: #000000;
border: 2px solid;
margin: 0 3em 0 15em;
padding: 1em;
}
#content p
{ margin:0 0 .3em 0}
#top
{margin: 3em 0 3em 17em; padding: 0;}
#footer {clear: both; margin: 1em 2em; padding: 0; text-align: center; font-style: italic;
font-weight: bold;letter-spacing: 2pt;}
#footer p {margin-top: 0; margin-bottom: 0.1em;}
a:link { color: #fffacd; text-decoration:underline }
a:visited { color:#f5f5dc ; }
a:hover { color: #FFFFBB; background-color: #003307; text-decoration: none }
div#pentagram { text-align: center; border: 2px solid #FAFAD2; margin: 0 ;background-color: black;}
img.obrazeklevy {float: left; margin-right: .5em; }
img.obrazekpravy {float: right; margin-left: .5em;}
</style>
habendorf
Profil
No a nebude nakonec jednodušší přepnout to do standardního režimu než to zprasit hackováním?

A ještě jen drobnost: k čemu je dobré tohle? :
em { font-style: italic }
strong { font-weight: bold }
Webmistress
Profil *
Přepnout - myslíš definovat doctype?
Jo to s tím...smažu, nějak se mi tam dostaly zbytečné definice.
habendorf
Profil
Přepnout - myslíš definovat doctype?

Ano, přesně tak.
Webmistress
Profil *
Poslala jsem to na validátor a dala "transitional", ale IE to nijak nevadí...pořád stejný.
habendorf
Profil
Musíš tomu dát transitional včetně URL.
Třeba <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

A ještě líp do strictu: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> , to ti to spolehlivě přepne na standard.

Jinak doporučuji tvé pozornosti http://wellstyled.com/html-doctype-and-browser-mode.html
Webmistress
Profil *
Tak jsem asi úplně blbá, definovala jsem to na strict, dala před hlavičku a pořád nic? Co mám špatně?
habendorf
Profil
Já tam kromě menu nevidím žádný rozdíl IE x FF.
Webmistress
Profil *
Aha, a právě to menu jsem myslela - vypadá to příšerně, ne? Jak to mám zdrcnout, aby se neroztahovalo o nějaké 2 cm zbytečně doprava? Chtěla bych, aby to vypadalo stejně jako ve Firefoxu...
habendorf
Profil
Když pro #menu ul li nasatvíš nějakou height, tak se to aspoň zcukne k sobě.
A na začátek bych si dal * { margin: 0; padding: 0}
Webmistress
Profil *
Už jsem to trochu vylepšila - pro IE hackem nastavujícím height a taky pro něj odstranila rámeček, aby ta křivost nebyla tak nápadná... je to lepší
Toto téma je uzamčeno. Odpověď nelze zaslat.