[CSS] Div minimale grootte in IE6 en niet in Firefox?

Pagina: 1
Acties:

  • Cubix
  • Registratie: Juni 2001
  • Niet online
Ik kwam het volgende probleem tegen bij het maken van een schaduwrand bij een site:
Div's (en waarschijnlijk alle block elements) willen niet kleiner worden dan 19 pixels hoog.

Bekijk deze testpagina maar eens: http://home.planet.nl/~wacht041/got/divprobleem/
Css: http://home.planet.nl/~wacht041/got/divprobleem/screen.css

De div heb ik mbv css 2 pixels hoog gemaakt. Firefox laat dit goed zien, IE niet.

Het lijkt er op dat IE div's minstens zo groot maakt als standaard tekst. Als je de tekengrootte aanpast in IE zie je de balk een klein beetje groeien of krimpen.

Is dit een bekend probleem? Ik kon er niets over vinden hier of bij Google.

  • Vae Victis
  • Registratie: April 2001
  • Laatst online: 21:58

Vae Victis

Dark Lord of the Sith

je hebt:
font-size
line-height
height

Speel daar eens mee ;)

  • Cubix
  • Registratie: Juni 2001
  • Niet online
Oke, het werkt als dat allemaal op 0px gezet wordt...

Maar...

Je ziet dat ik height al gebruik (natuurlijk).

De andere twee voorbeelden (font-size & line-height) slaan op tekst. En in mijn div staat geen tekst, helemaal geen inhoud zelfs.
Firefox reageert zoals je zou verwachten. IE niet, dus waarom? Is het een bug?

[ Voor 9% gewijzigd door Cubix op 15-07-2005 16:44 ]


  • Tux
  • Registratie: Augustus 2001
  • Laatst online: 18:50

Tux

Er staat een newline in de div waardoor IE dat ziet als inhoud van de div, en Firefox niet ;)

The NS has launched a new space transportation service, using German trains which were upgraded into spaceships.


  • Cubix
  • Registratie: Juni 2001
  • Niet online
Tux schreef op vrijdag 15 juli 2005 @ 16:46:
Er staat een newline in de div waardoor IE dat ziet als inhoud van de div, en Firefox niet ;)
Als ik alle tags achter elkaar zet blijft de div te groot. Dat is dus geen oplossing.
Of begrijp ik je verkeerd?

Sowieso zou het niet uit moeten maken of tags op de volgende regel staan of niet, maar IE heeft wel één of meerdere bugs op dat gebied...

  • Sappie
  • Registratie: September 2000
  • Laatst online: 27-04 07:10

Sappie

De Parasitaire Capaciteit!

Cubix schreef op vrijdag 15 juli 2005 @ 16:40:
Oke, het werkt als dat allemaal op 0px gezet wordt...

Maar...

Je ziet dat ik height al gebruik (natuurlijk).

De andere twee voorbeelden (font-size & line-height) slaan op tekst. En in mijn div staat geen tekst, helemaal geen inhoud zelfs.
Firefox reageert zoals je zou verwachten. IE niet, dus waarom? Is het een bug?
het is een bug en daarmee is bovengenoemde manier (de font-size aanpassen) ook dé manier om het op te lossen in IE helaas.

Specs | Audioscrobbler


Verwijderd

Die divs zijn er ook niet om schaduwrandjes te maken. Misschien is je denkwijze wel verkeerd.

  • Cubix
  • Registratie: Juni 2001
  • Niet online
Verwijderd schreef op vrijdag 15 juli 2005 @ 18:18:
Die divs zijn er ook niet om schaduwrandjes te maken. Misschien is je denkwijze wel verkeerd.
Ik gebruik alleen een div als er geen andere tags logisch zou zijn.

De schaduw kan ik ik wel helemaal in de achtergrond afbeelding verwerken, maar dan worden de plaatjes zo groot.

Site die ik maak: http://www.raadskelder.info/test/

Maak ik, naar jouw mening, teveel gebruik van div's?

Verwijderd

Als je er een gif afbeelding voor gebruikt blijft die grootte erg beperkt hoor..

  • We Are Borg
  • Registratie: April 2000
  • Laatst online: 22:41

We Are Borg

Moderator Wonen & Mobiliteit / General Chat
Cubix schreef op vrijdag 15 juli 2005 @ 19:43:
[...]

Ik gebruik alleen een div als er geen andere tags logisch zou zijn.

De schaduw kan ik ik wel helemaal in de achtergrond afbeelding verwerken, maar dan worden de plaatjes zo groot.

Site die ik maak: http://www.raadskelder.info/test/

Maak ik, naar jouw mening, teveel gebruik van div's?
Geen idee wat Cheatah denkt, maar een voorbeeld van een div vervangen: http://www.w3schools.com/tags/tag_address.asp . Volgens mij kan je zo bijv de div id="address" vervangen :)
Pagina: 1