Hej.
Jeg har et problem med IE, som jeg bare ikke kan få løst. På min
side har jeg i toppen en wrapper div (header) hvor jeg har lagt et
sidebillede i baggrunden, som starter header'en. I header'en ligger en
anden div som indeholder logo'et, som er en blanding af tekst og
billede. Efter den div har jeg slutningen på header'en - endnu et
billede.
Problemet er det første billede til venstre(baggrundsbillede i
header). I IE hopper det en smule ned i forhold til resten af
header'en. Billede er 66px høj.
Siden han ses her:
http://www.kognitivc.dk/minTemplate.htm
kodeeksempel...
HTML:
<div class="header">
<div class="topbar">
<h1 class="siteName" id="firstword">Kognitivt</h1>
<h1 class="siteName">Behandlingscenter</h1>
<img class="star" alt="logo" src="Stjernen.gif" />
</div>
<img class="topimage" src="topimage1.jpg" />
</div>
CSS:
..header {
background-image: url(topbarLeft.gif); /* det er det her billede som
driller */
background-repeat: no-repeat;
background-position: left;
}
..topbar {
width: 60%;
background-image: url(topbarRight.gif);
background-repeat: no-repeat;
background-position: right;
float: left;
position: relative;
z-index: 10;
}
..header, .topbar, .topimage { height: 66px; }
..topimage {
min-width: 300px;
position: relative;
left: -45px;
z-index: 1;
}
h1.siteName {
font-family: Tahoma, Arial, "Times New Roman";
font-size: 25px;
font-weight: normal;
letter-spacing: 0.2em;
margin: 0px 43px 0px 5px;
padding: 0px 0px 0px 31px;
background-color: #99CC66;
height: 33px;
}
h1.siteName:first-letter { font-size:30px; }
h1.siteName#firstword {
padding: 0px 0px 0px 11px;
}
..star {
left: 340px;
top: 10px;
position: absolute;
}
Siden han ses her:
http://www.kognitivc.dk/minTemplate.htm
Jeg har tjekket siden i FF og Opera og der virker den perfekt. Nogen
idéer??
MVH Jon