Logo for stort på IE browsere med CSS

Tags:    css html

Hej!

Jeg har prøvet at sætte en hjemmeside op, siden viser korrekt logo størrelse på alle browser typer på nær IE typerne. Jeg har prøvet mig lidt frem, men i og med jeg ikke selv har lavet CSS layoutet, har jeg svært ved at finde frem til hvilke properties der skal ændres for at logoet passer.

Jeg har prøvet at tilføje fixed size til image men der sker ikke så meget, så ved ikke om jeg rammer rigtigt, og CSS er sgu ikke min skarpe side.

Hjemmesiden er:
Hjortsminde.dk

CSS link er:
http://hjortsminde.dk/packages/pagekit/theme-aurora/css/theme.red.css?v=4a75

Jeg håber i kan hjælpe!




2 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 6 karma
Sorter efter stemmer Sorter efter dato
prøv at fjerne display inline-block;
i denne regl (ln 7130 i theme.red.css)
.tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-logo

eller sette den til følgende: inline
.tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-logo {
display: inline;
margin: 0 auto 40px auto;
}


dette rykker sig lidt opad
<ul class="uk-navbar-nav">
<li class="uk-active"><a href="/">Forside</a></li>
<li class=""><a href="/storytelling">Storytelling</a></li>
</ul>


så du skal også rette margin-top i nedenstående regl (ln 7136 i theme.red.css)

.tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-nav .uk-navbar-nav {
float: none;
max-width: 240px;
margin: 0 auto;
}

til
.tm-sidebar-wrapper .tm-sidebar-menu-container .tm-sidebar-nav .uk-navbar-nav {
float: none;
max-width: 240px;
margin-top: 25px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}


kun løst tested i udviklings værktøjet i browseren (F12)





Tusinde tak skal du have! Det virker som en drøm!



t