[HTML/CSS] Opera wariuje

Forum przeznaczone dla wszystkich webmasterów, chcących tworzyć strony www zgodnie ze standardami World Wide Web Consortium.
Siwy_PO
Przelotem
Przelotem
Posty: 351
Rejestracja: pn sty 27, 2003 12:10 am
Lokalizacja: Bełchatów
Kontakt:

[HTML/CSS] Opera wariuje

Post 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>
Stig
Administrator
Posty: 938
Rejestracja: pn paź 04, 2004 10:52 am

Re: [HTML/CSS] Opera wariuje

Post 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...
Siwy_PO
Przelotem
Przelotem
Posty: 351
Rejestracja: pn sty 27, 2003 12:10 am
Lokalizacja: Bełchatów
Kontakt:

Re: [HTML/CSS] Opera wariuje

Post autor: Siwy_PO »

Wielkie dzięki wszystko gra.
ODPOWIEDZ