Logo skalerer seg ikke

18. oktober 2014

Hei! Sliter med at logoen min ikke skalerer seg i eldre nettlesere. Den fungerer fint i Chrome, Opera etc, men ikke i de fleste versjoner av Firefox og IE, blant annet.

Korrekt ser den slik ut:
http://i.imgur.com/rlFgk3S.png

Men i flere nettlesere (spesifikt litt eldre), ser den slik ut:
http://i.imgur.com/s3Dgnqq.png

Hva kan jeg endre i CSS'n? Det ser relativt likt ut, når jeg sammenligner i nettleser hvor det ikke fungerer kontra nettleser hvor det fungerer. Siden er i signaturen.

AkerUE

189 112

18. oktober 2014

Hvordan ser css-koden din ut?

lroedal

Trådstarter

919 121

18. oktober 2014

Det er flere filer, så det enkleste vil nok være å linke til temaet jeg bruker, Elimai:
https://www.drupal.org/project/Elimai
Det er bygd på Bootstrap, og jeg har ikke gjort noen andre endringer enn farger på tekst/bakgrunn.

Zirto

Approved

706 110

18. oktober 2014

Kode

#page-wrapper #header .brand-wrapper {}
    overflow: hidden;
    margin-left: 30px;

Dersom du tar bort overflow: hidden; så vil det se bra ut

lroedal

Trådstarter

919 121

18. oktober 2014

Sitat av Zirto

Kode

#page-wrapper #header .brand-wrapper {}
    overflow: hidden;
    margin-left: 30px;

Dersom du tar bort overflow: hidden; så vil det se bra ut

Vis hele sitatet...

TUSEN takk!

Den er fortsatt litt stor ifht. i nyere nettlesere, men det ser i alle fall veldig mye bedre ut! Tusen takk!

Zirto

Approved

706 110

18. oktober 2014

Sitat av lroedal

TUSEN takk!

Den er fortsatt litt stor ifht. i nyere nettlesere, men det ser i alle fall veldig mye bedre ut! Tusen takk!

Vis hele sitatet...

Kode

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border: 0px none;
    width: 100%;
}

:-)

Kode

#page-wrapper #header .brand-wrapper #logo {
    float: left;
    display: inline-block;
    width: 100%;

Se bort i fra koden jeg postet tidligere. Da img påvirker alle de andre elementene. Den ovenfor vil kun påvirke selve logoen.

Sist endret av Zirto; 18. oktober 2014 kl. 22:04. Grunn: Automatisk sammenslåing med etterfølgende innlegg.

lroedal

Trådstarter

919 121

19. oktober 2014

Da ble det nydelig - til og med i IE8! Tusen takk!