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:

.red {
    width: 300px;
    height: 4px;
    /* -color, mert nem adtál meg képet       */
    background-color: red;
    /* a színt is megadjuk, ha van háttérszín */
    color: white;
    float: left;
    /* a lényeg!                              */
    line-height: 4px;
    /* esetleg ezt is beírhatod               */
    /* font-size: 4px;                        */
}
--
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:

<div style="width: 300px; height: 4px; background: red; float: left; overflow: hidden;"></div>
<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