ugrás a tartalomhoz

IE-ben nem lehet 19 pixelnél keskenyebb divet kitenni?

Vadember · 2005. Júl. 11. (H), 11.09
Hali!

IE-ben nem lehet 19 pixelnél keskenyebb divet kitenni? Most először találkoztam ezzel a problémával. Egy 4 pixel széles divet akartam kitenni, de nem lehet! Eddig mem volt ezzel gond, mert ennél szélesebb diveket használtam.

példa
-----

<div style="width: 300px; height: 4px; background: red; float: left"></div>

<div style="width: 300px; height: 19px; background: green; float: left"></div>


Két div egymás mellett. Jól látszik hogy a 4px és 19px között semmi különbség nincs (IE-ben).
‹ JavaScript (ECMA) vs PHP Háttérkép középre igazítása CSS-sel ›
 ■
1

Hmm

kgyt · 2005. Júl. 11. (H), 11.29
Ez nem szélesség, hanem magasság.

Ez kell neked:
  1. .red {  
  2.     width: 300px;  
  3.     height: 4px;  
  4.     /* -color, mert nem adtál meg képet       */  
  5.     background-color: red;  
  6.     /* a színt is megadjuk, ha van háttérszín */  
  7.     color: white;  
  8.     float: left;  
  9.     /* a lényeg!                              */  
  10.     line-height: 4px;  
  11.     /* esetleg ezt is beírhatod               */  
  12.     /* font-size: 4px;                        */  
  13. }  
--
Szeretettel: Károly György Tamás
kgyt(a)kgyt.hu - http://kgyt.hu
4

background

attlad · 2005. Júl. 11. (H), 12.34
background: red; is használható.

Attila
2

overflow

bbalint · 2005. Júl. 11. (H), 11.33
nekem is volt (meg még sok) bajom az internet exploiterrel, a megoldás az overflow CSS tulajdonság:
  1. <div style="width: 300px; height: 4px; background: red; float: left; overflow: hidden;"></div>  
  2. <div style="width: 300px; height: 19px; background: green; float: left; overflow: hidden;"></div>  
bbalint
3

Miért?

kgyt · 2005. Júl. 11. (H), 11.37
Végülis megoldja a problémát az overflow is, de szvsz az a szebb megoldás, ha nem nagyobb a tartalom, mint a doboz, ezért nem is csordul túl.


--
Szeretettel: Károly György Tamás
kgyt(a)kgyt.hu - http://kgyt.hu
5

Nos, pontosan arról lenne

Vadember · 2005. Júl. 11. (H), 12.56
Nos, pontosan arról lenne szó, hogy egy 4px magas divbe szeretnék tenni egy 4px magas képet.

Mind a két ötlet jó volt:

.tartalom-szegely
{
   
width: 580px;
height: 4px;
background: url(../kepek/tartalom_szegely.gif);
line-height: 4px;
font-size: 4px;
}

vagy

.tartalom-szegely
{
   
width: 580px;
height: 4px;
background: url(../kepek/tartalom_szegely.gif);
overflow: hidden;
}


Egyébként az miért van, hogy IE-ben nem lehet 19px-nél alacsonyabb divet kitenni (trükközés nélkül)??

(Kösz a segítséget!)
6

???

bbalint · 2005. Júl. 11. (H), 14.19
hát... azt nem lehet tudni...
nekem, amúgy, úgy tűnik, hogy a kedves IE mindenképp tesz egy szóközt (és ezzel együtt egy sort is) az üres elemekbe is.

(szvsz) kgyt megoldása tényleg jobb/szebb, a jövőben majd magam is valahogy hasonlón fogom megoldani.

bbalint