Strona 1 z 1

[HTML/CSS] Opera wariuje

: ndz sty 22, 2006 5:46 pm
autor: Siwy_PO
www.torun.mm.pl/~drink/antynazi
W IE i Firefoxie działa, Opera wariuje.
Wie może ktoś gdzie tkwi błąd??

Kod: Zaznacz cały

<!DOCTYPE HTML PUBLIC "-//W3C//Dtd HTML 3.2//EN">
<HTML>
<HEAD>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<TITLE></TITLE>
</HEAD>
<STYLE TYPE="text/css">
<!--
A {
font-family: Verdana;
}
.tytul{
border-color:#0000ff;
border-width:1px;
border-style:solid;
border-bottom-style:none;
background:#aaaaaa;
font: 11px, verdana;
font-weight:bold;
color:#ffffff;}
.tabela{
border-color:#0033ff;
border-width:1px;
border-style:solid;
background:#ffffff
font:10px,verdana }
.dop{
background:#cccccc}
-->
</STYLE>
<BODY bgcolor="#cccccc">
<div style="position:absolute; top:50px; left:100px; width:800px; height:120px;">
<IMG SRC="logo.jpg" WIDTH="800" HEIGHT="120" BORDER="0"></div>

<div class="tytul" style="position:absolute; top:180px; left:100px; width:120px; height:15px;">
 Menu</div>
<div class="tabela"style="position:absolute; top:195px; left:100px; width:120px; height:605px;">
</div>

<div class="tabela" style="position:absolute; top:810px; left:100px; width:800px; height:35px;">
</div>

<div class="tytul" style="position:absolute; top:180px; left:230px; width:330px; height:15px;">
 News</div>
<div class="tabela"  style=" position:absolute; top:195px; left:230px; width:330px; height:185px;">
</div>
<div class="tytul" style="position:absolute; top:390px; left:230px; width:330px; height:15px;">
 Poprzednie newsy</div>
<div class="tabela" style="position:absolute; top:405px; left:230px; width:330px; height:185px;">
</div>
<div class="tytul" style="position:absolute; top:600; left:230px; width:330; height:15px;">
 Artykuły</div>
<div class="tabela" style="position:absolute; top:615px; left:230px; width:330px; height:185px;">
</div>


<div class="tytul" style="position:absolute; top:180px; left:570px; width:330px; height:15px;">
 Nowe na forum</div>
<div class="tabela" style="position:absolute; top:195px; left:570px; width:330px; height:280px;">
</div>
<div class="tytul" style="position:absolute; top:485px; left:570px; width:330px; height:15px;">
 Unknown</div>
<div class="tabela" style="position:absolute; top:500px; left:570px; width:330px; height:300px;">
</div>

</BODY>
</HTML>

Re: [HTML/CSS] Opera wariuje

: ndz sty 22, 2006 5:54 pm
autor: Stig
O ile dobrze widzę to jedyna różnica na stronie związana jest z wielkością czcionki nagłówków. W takim razie z wartości atrybutu font usuń przecinek. Przykład:

Kod: Zaznacz cały

.tytul {
font: 11px verdana;
}
Inna sprawa, że kompletne pozycjonowanie absolutne co do jednego piksela nie jest najlepszym rozwiązaniem, a twarda spacja została wykorzystana w zły sposób...

Re: [HTML/CSS] Opera wariuje

: ndz sty 22, 2006 9:50 pm
autor: Siwy_PO
Wielkie dzięki wszystko gra.