Autor Zpráva
Ino
Profil *
Prosim vas preco sa mi horizontalne ciary,ktore maju byt siroke 1px zobrazuju v IE tak nahrubo???Vo FF je to OK.Tu je kod,pozrie sa na to niekto?Vdaka...

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Language" content="sk">
<meta name="keywords" content="xyz">
<meta name="description" content="pokus">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>pokus</title>
<style type="text/css">
body {background-color: white; text-align: center; font-family: Tahoma,Arial,Georgia}

a {color: black; text-decoration: underline}
a:hover {color: white}

.spolu {position: relative; width: 600px; height: 535px; background-color: white; margin: auto;}


.hlavicka {position: absolute; width: 600px; height: 100px; top: 0px; left: 0px; text-align: left;
color: white; background-color: red; font-family: Georgia,Tahoma,Arial;}

.Obsah {position: absolute; width: 600px; height: 400px; top: 100px; left: 0px; background-color: black; color: white; text-align: center;
font-size: 10pt;}

.text {position: absolute; width: 400px; height: 300px; top: 70px; left: 180px; background-color: black; color: white; text-align:left;}
.ciarahorizontup {position: absolute; width: 150px; height: 1px; top: 15px; left: -20px; background-color: red;}
.ciarahorizontup2 {position: absolute; width: 350px; height: 1px; top: 10px; left: -30px; background-color: red;}
.ciarahorizontdw {position: absolute; width: 150px; height: 1px; top: 280px; left: 240px; background-color: red;}
.ciarahorizontdw2 {position: absolute; width: 350px; height: 1px; top: 285px; left: 50px; background-color: red;}

.ciaraverticall {position: absolute; width: 1px; height: 150px; top: 1px; left: 10px; background-color: red;}
.ciaraverticall2 {position: absolute; width: 1px; height: 220px; top: -8px; left: 5px; background-color: red;}
.ciaraverticalr {position: absolute; width: 1px; height: 150px; top: 148px; left: 370px; background-color: red;}
.ciaraverticalr2 {position: absolute; width: 1px; height: 220px; top: 83px; left: 375px; background-color: red;}

.zaver {position: absolute; width: 600px; height: 35px; top: 500px; left: 0px; background-color: red; color: white; text-align: right;
font-size: 7pt;}


</style>
</head>

<body>
<div class="spolu">

<div class="hlavicka"></div>


<div class="obsah">



<div class="text">
<div class="ciarahorizontup"></div>
<div class="ciarahorizontup2"></div>
<div class="ciarahorizontdw"></div>
<div class="ciarahorizontdw2"></div>
<div class="ciaraverticall"></div>
<div class="ciaraverticall2"></div>
<div class="ciaraverticalr"></div>
<div class="ciaraverticalr2"></div>

</div>

</div>



<div class="zaver"></div>
</div>

</body>
</html>
habendorf
Profil
Protože musíš pro IE zadat ještě font-size a line-height.
BTW: takhle se čáry nedělají, vetšinou se vykreslují jako border nějakého prvku
Ino
Profil *
Vdaka,skusim s tym nieco urobit aj ked nie celkom rozumiem...
Toto téma je uzamčeno. Odpověď nelze zaslat.

0