CSS problem i IE

Chiclins · 9. mars 2004

Jeg har et absurd problem med css i IE.

Jeg har en side i XHTML med CSS oppsett <div> etc..

Men når jeg lager en stil for h1 så forsvinner all teksten på siden av og til i IE. Jeg lurer på om noen andre noen gang har hatt et lignende problem og om dere klarte å rette det.

Jeg har IE6.0 med alle oppdateringer .

Siden vises perfekt i Opera og Mozilla

nAD · 9. mars 2004

L-l-l-l-link?

Chiclins · 9. mars 2004

Har siden lokalt, men tar skjermbilder.

Skjermbilde i IE

Skjermbilde i opera

Når jeg fjerner stilen for h1 så blir skjermbildet i IE likt det som da blir i opera.

Noen som har sett noe lignende?

PT · 9. mars 2004

Det hjelper fint lite med screens når vi ikke har koden...

Det blir som å si "Bilen min funker ikke"

Endret 9. mars 2004 av PT

Smidt · 9. mars 2004

ser at noe forsvinner i IE ja, overrasker ikke, men kan heller ikke prøve å hjelpe noe om vi ikke kan se koden/link

Chiclins · 9. mars 2004

html koden

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Byåsen Orientering 2004</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" type="text/css" href="stilark/hovedoppsett.css" />
<link rel="stylesheet" type="text/css" href="stilark/menyer.css" />
<link rel="stylesheet" type="text/css" href="stilark/lenker.css" />
<link rel="stylesheet" type="text/css" href="stilark/htmlTagger.css" />
<link rel="start" href="?side=hoved" />
<link rel="help" href="?side=hjelp" />
<script type="text/javascript" src="layoutscript.js"></script>
<script type="text/javascript" src="sideEditScript.js"></script>
<script type="text/javascript" src="verktoy.js"></script>
</head>
<body>
<div id="main">
<div id="header">
 <a href="?cat=1"><img src="gfx/logo.gif" width="400" height="150" alt="Byåsen Il Orientering" /></a>
</div>
<div id="left_menu">
 <ul>
 	<li class="head"><a href="?cat=1" title="Hovedsiden">Hovedsiden</a></li>
<li onmouseover="left_menu_hover(this)" onmouseout="left_menu_active(this)"><a href="?redirect=http://www.byasen.no" title="Byåsen IL">Byåsen IL</a></li>
<li onmouseover="left_menu_hover(this)" onmouseout="left_menu_active(this)"><a href="?redirect=http://www.orientering.no" title="NOF">NOF</a></li>
<li onmouseover="left_menu_hover(this)" onmouseout="left_menu_active(this)"><a href="?cat=1&s=1" title="Hvordan brukes siden?">Hvordan brukes siden?</a></li>
<li onmouseover="left_menu_hover(this)" onmouseout="left_menu_active(this)"><a href="?cat=1&s=2" title="Kopirett">Kopirett</a></li>
 </ul>
</div>
<div id="menu">
 <ul>
<li class="active">Hovedsiden</li>
<li onmouseover="main_menu_hover(this)" onmouseout="main_menu_active(this)"><a href="?cat=2" title="Nyheter">Nyheter</a></li>
<li onmouseover="main_menu_hover(this)" onmouseout="main_menu_active(this)"><a href="?cat=3" title="Informasjon">Informasjon</a></li>
<li onmouseover="main_menu_hover(this)" onmouseout="main_menu_active(this)"><a href="?cat=4" title="Aktivitetskalender">Aktivitetskalender</a></li>
<li onmouseover="main_menu_hover(this)" onmouseout="main_menu_active(this)"><a href="?cat=5" title="Verktøy">Verktøy</a></li>
 </ul>
</div>
<div id="content">
 <!-- Innhold start-->

<div class="item"><h1>Velkommen til Byåsen IL Orienteringsavdeling</h1><b></b></div>
<div class="item">
 <p>Her vil du finne diverse informasjon.</p>
<div class="spacer"></div></div>
<div class="item"><b>Av:</b> Ola Natvig <a href="mailto:ola[a]o-team.net">[epost]</a> <b>Opprettet:</b> 19:47 Lørdag 6. Mars 2004 | <b>Sist oppdatert:</b> 19:47 Lørdag 6. Mars 2004</div>	
 <!-- Innhold slutt-->
 <div class="spacer"></div>
 <div id="bottom">© Byåsen IL Orientering 2004</div>
 <div id="end_info">
 	Henvendelser om denne tjenesten og tips rettes til <a href="mailto:[email protected]">webmaster</a>.<br />
 	Siden vises best i <a href="http://www.opera.com/download/" target="_blank">Opera 7.2</a> /
 	<a href="http://www.microsoft.com/downloads/details.aspx?FamilyID=1e1550cb-5e5d-48f5-b02b-20b602228de6&displaylang=en" target="_blank">Internet Explorer 6.0</a> eller nyere. 
 	<p>
   <a href="http://validator.w3.org/check/referer"><img src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0!" height="31" width="88" style="margin: 10px 0px 0px 6px;" /></a> 
   <a href="http://jigsaw.w3.org/css-validator/"><img src="http://jigsaw.w3.org/css-validator/images/vcss" alt="Valid CSS!" height="31" width="88" style="margin: 10px 6px 0px 0px;" /></a>
 	</p>
 </div>
</div>
</div>
</body>
</html>

CSS filen: htmlTagger.css

body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}

h1, h2, h3 {
font-weight: bold;
}

p {
margin: 0px 2px 10px 0px;
}

h1 {
font-size: 16px;
margin: 2px;
}

h2 {
font-size: 12px;
margin-top: 2px;
}

h3 {
font-size: 11px;
margin-top: 2px;
}

img {
margin: 0px;
border-top: 0px;
border-bottom: 0px;
border-left: 0px;
border-right: 0px;
}

#content .item img {
margin: 3px 0px 3px 3px;
float: right;
padding: 2px;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-bottom: 1px solid #000000;
border-right: 1px solid #000000;
background-color: #FFFFFF;
}

jeg har prøvd å kommentere ut alle CSS elementene mine og har funnet ut at det er h1 elementet i denne filen som er årsaken til problemet. Men hvorfor det skjer aner jeg ikke.

haugsand · 9. mars 2004

Prøv å legg til height: auto; på de elementene som forsvinner.

Logg inn

CSS problem i IE

Anbefalte innlegg

Chiclins

Lenke til kommentar

Videoannonse

nAD

Lenke til kommentar

Chiclins

Lenke til kommentar

PT

Lenke til kommentar

Smidt

Lenke til kommentar

Chiclins

Lenke til kommentar

haugsand

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer