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

Videoannonse

nAD

Chiclins

PT

Smidt

Chiclins

haugsand

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer