Autor Zpráva
Workflow
Profil *
Zdravim,

je možné, že opera interpretuje relativní šířku bloku zadanou v em jednotkách jinak než ostatní prohlížeče? Mám blok o velikosti 85em - IE verze 5.5, 6.0, 7 a Firefox ho zobrazují 100% shodně. Opera ho udělá o cca 16 pixelů menší.

Zde je screen:http://img165.imageshack.us/my.php?image=screenfr2.gif

Má s tím někdo zkušenosti?
Str4wberry
Profil
Odpovídám Workflow:
Něco děláš špatně. Odkaž na živou ukázku.
Joker
Profil
Myslím, že to opravdu tak je. Opera má IMHO o něco menší základní velikost písma.
Workflow
Profil *
CSS

body {
MARGIN: 0px;
FONT-FAMILY: Arial, Verdana;
FONT-SIZE: 0.7em;
}

h1,h2,h3,h4,h5,h6 {
MARGIN: 0px;
PADDING: 0px;
}

p {
MARGIN: 0px;
PADDING: 0px;
}

ul {
MARGIN: 0px;
PADDING: 0px;
}

li {
MARGIN: 0px;
PADDING: 0px;
LIST-STYLE-TYPE: none;
}

img {
MARGIN: 0px;
PADDING: 0px;
BORDER: 0px;
}

form {
MARGIN: 0px;
PADDING: 0px;
}

.central_div {
WIDTH: 85em;
}







.central_div .footer {
WIDTH: 100%;
OVERFLOW: auto;
BACKGROUND-COLOR: rgb(55,63,66);
BORDER-TOP: 10px solid rgb(77,85,88);
PADDING-TOP: 4em;
PADDING-BOTTOM: 4em;
TEXT-ALIGN: left;
}

.central_div .footer p {
FLOAT: left;
COLOR: rgb(255,255,255);
MARGIN-LEFT: 3em;
DISPLAY: inline;
}

.central_div .footer p a {
COLOR: rgb(255,255,255);
}

.central_div .footer p a:hover {
COLOR: rgb(240,152,65);
}

.central_div .footer ul {
FLOAT: right;
BORDER-LEFT: 1px solid rgb(255,255,255);
DISPLAY: inline;
MARGIN-RIGHT: 3em;
}

.central_div .footer ul li {
FLOAT: left;
BORDER-RIGHT: 1px solid rgb(255,255,255);
PADDING-LEFT: 1em;
}

.central_div .footer ul li a {
FLOAT: left;
MARGIN-RIGHT: 1em;
COLOR: rgb(255,255,255);
}

.central_div .footer ul li a:hover {
COLOR: rgb(240,152,65);
}



HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
<head>
<title>test</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<link rel="stylesheet" type="text/css" href="./css/sheets.css" />
</head>

<body>

<div align="center">
<div class="central_div">

<div class="footer">

<ul>
<li><a href="#">RSS kanály</a></li>
<li><a href="#">Reklama</a></li>
<li><a href="#">Redaktoři</a></li>
<li><a href="#">Pravní doložka</a></li>
<li><a href="#">Kontakty</a></li>
</ul>

</div>

</div>
</div>

</body>
</html>
Workflow
Profil *
Joker: Taky mám ten dojem ... ale v případě, že v body přímo definuju velikost písma, mělo by to být stejné pro všechny prohlížeče ... LINE-HEIGHT ani LETTER SPACING na to taky vliv nemají, tak už fakticky nevim, v čem je zakopanej psík
RockFire
Profil
IE s FF používají jiný vzorec pro margin, padding, width, height a border. Musíš si s tím pohrát :-)

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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