Autor Zpráva
jany
Profil
#1 · Zasláno: 24. 3. 2006, 08:02:03
Odpovědět Citovat
Chcem si spravit v css akysi ramik http://jany.ic.cz/n/ spravil som si 3 divi pridelil som im height, width a na vrch a na spodok som dal obrazky, no v IE ten height nejde znizit stale sa ten obrazok zobrazi viackrat, v Opere a FF je to dobre.
Ako to vyriesit aj v IE. dik
esemeska
Profil
#2 · Zasláno: 24. 3. 2006, 16:25:15
Odpovědět Citovat
nemuzu zobrazit css, tak se na to zkus podivat nebo je dej sem
jany
Profil
#3 · Zasláno: 24. 3. 2006, 17:48:47
Odpovědět Citovat
html, body{
margin: 0 auto;
width: 600px;
text-align:center;
}

#header1{
position:relative;
height: 3px;
padding: 3px;
background-image: URL('img/vrch.png');
width:594px;
}

#header2{
position:relative;
height: 15px;
padding: 2px;
background-color:yellow;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
width:594px;
}

#header3{
position:relative;
height: 4px;
margin-bottom:5px;
padding: 3px;
background-image: URL('img/vrch+.png');
width:594px;

}
petr_1
Profil *
#4 · Zasláno: 25. 3. 2006, 19:43:13
Odpovědět Citovat
Mám stejný problém, prostě jde o to, že ie neumí zobrazit blokový element o výšce např. 2px, vždycky to zobrazí alespoň cca 12px.
Netušíte co s tím?
Díky.
Plaváček
Profil
#5 · Zasláno: 25. 3. 2006, 19:58:02
Odpovědět Citovat
Tušíme, nastav tomu bloku:

line-height: 1px;
font-size: 1px;
height: 2px;

a bude to fachat
petr_1
Profil *
#6 · Zasláno: 26. 3. 2006, 08:15:51
Odpovědět Citovat
Díky za odpověď, bohužel to funguje jen v jednodušších případech (a ještě tam musí být prázdná mezera). Pokud ale potřebuju, aby např. dva divy byly byly těsně pod sebou, jsem v koncích. Přikládám kód, který funguje v Mozille a Opeře, bohužel v IE ne.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250" />
<title></title>
<style>
#main-1{
width:200px;
height:2px;
background:red;
line-height: 1px;
}
#main-2{
width:200px;
height:2px;
background:green;
line-height: 1px;
}
</style>
</head>
<body>
<div id='main-1'>&nbsp;</div>
<div id='main-2'>&nbsp;</div>
</body>
</html>
habendorf
Profil
#7 · Zasláno: 26. 3. 2006, 11:41:33 · Upravil/a: habendorf
Odpovědět Citovat
Otázkou je, proč to dělat takhle blbě.

BTW: kde máš tu font-size?
petr_1
Profil *
#8 · Zasláno: 26. 3. 2006, 15:10:48
Odpovědět Citovat
Díky, font-size to vyřešil - asi mě to mohlo napadnout.
Myslím že tenhle způsob je nejvhodnější pro mnou požadovaný výsledek, zaslaný kód je jenom ukázka.
habendorf
Profil
#9 · Zasláno: 26. 3. 2006, 16:36:52
Odpovědět Citovat
Díky, font-size to vyřešil - asi mě to mohlo napadnout
Ono tě to ani napadat nemuselo, Plaváček ti to psal :o)

Myslím že tenhle způsob je nejvhodnější pro mnou požadovaný výsledek
Řešil bych to borderem.
petr_1
Profil *
#10 · Zasláno: 26. 3. 2006, 17:25:17
Odpovědět Citovat
Aha, omlouvám se Plaváčkovi, vzal jsem si z jeho příspěvku pouze line-height :-)
S borderem to nesouvisí, jedná se o pod sebou umístěný obrázkový odkazy, jak jsem psal, ukázka byla jenom pro porozumění.
Časová prodleva: 18 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0