DIV-tags/Image-wrapping i Internet Explorer.

29. september 2009

Heisann

Som kjent så sliter jo internet explorer med å klare å rendre div-tags skikkelig. Jeg har brukt div til image-wrapping på en web-side jeg holder på med for tiden, men da sitter jeg igjen med problemet at Internet Explorer ikke klarer å rendre siden korrekt (som eneste nettleser). Finnes det noen lur work-around for dette problemet?

PHPdude · 29. september 2009

Det er kjent at IE generelt sliter veldig med det aller meste, men div-tags er ikke blant de kjente problemene...

Du må nok lete etter problemet et annet sted, høyst sannsynlig i CSS-støtten. Også er både IE6, IE7 og IE8 i aktiv bruk, så vil være lurt å nevne hvilke av versjonene som krangler

PS: <div> er ment å markere opp områder/seksjoner i dokumentet, så <div> for bilde-wrapping høres tvilsomt ut.

29. september 2009

Da er det godt mulig at jeg har misforstått totalt, så jeg legger like gjerne ut både HTML og CSS-fil jeg da..

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>Sidetittel - *Fjernet*</title>
	<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
	<meta name="description" content="Beskrivelse - *Fjernet*">

	<link rel="stylesheet" href="stilark.css" type="text/css">
</head>

<body>
	<img class="banner" src="images/banner_img.jpg" alt="banner">
		<div class="links">
			<p class="link">
				<a class="normal" href="index.html">Hjem</a>
				<a class="normal" href="bilder.html">Bilder</a>
				<a class="normal" href="kontakt.html">Kontakt</a>

			</p>
		</div>

		<div class="middle">
			<br>
			<h1 class="normal">Overskrift 1</h1>
			<p class="middle">Denne siden er for tiden under utvikling og i tiden fremover, vil det bli drastiske forandringer. Dersom du lurer på noe, finner du kontaktinformasjon under kontakt i menyen over.</p>
		</div>

		<hr class="bottomline" width="800px">
		<div class="bottom">
			<p class="credit">Alle rettigheter tilhører 'Navn - *Fjernet*', dersom ikke annet er opplyst.</p>
		</div>
</body>

CSS

/*DETTE ER FORMATERING AV BODY*/
body {
background-color : #aaa8a8;
}

/*DETTE ER FORMATERING PÅ LINKER*/
a.normal {
text-align : center;
clear : both;
width : 800px; 
margin-left : auto;
margin-right : auto;
margin-top : 2px;
float : none;
}

a.banner {
margin-left : auto;
margin-right : auto;
margin-top : 0px;
float : none;
}

A, A:Visited, A:Active, A:Hover {
color : #a6a6a6;
text-decoration : none;
}

A.normal:Hover {
color : #dc2f2f;
}

/*DETTE ER FORMATERING PÅ TEKST*/
p.link {
text-align : center;
clear : both;
width : 700px; 
color : #a6a6a6;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
float : none;
font-family : verdana;
font-size : 14px;
font-weight : bolder;
}

p.middle {
text-align : left;
clear : both;
width : 700px; 
color : #000000;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
float : none;
font-family : verdana;
font-size : 12px;
}

p.credit {
text-align : center;
clear : both;
color : #4f4f4f;
margin-left : auto;
margin-right : auto;
margin-top : 0;
float : none;
font-family : verdana;
font-size : 10px;
}

/*DETTE ER FORMATERING AV OVERSKRIFTER*/
h1.normal {
text-align : left;
clear : both;
width : 700px; 
color : #dc2f2f;
margin-left : auto;
margin-right : auto;
margin-top : 0px;
float : none;
font-family : verdana;
font-size : 16px;
font-weight : bold;
}

/*DETTE ER FORMATERING AV GRAFIKK*/
img.banner {
display : block;
margin-left : auto;
margin-right : auto;
}

div.links {
background-image:url('images/menu_bar_img.jpg');
width : 800px;
height : 27px;
margin-left : auto;
margin-right : auto;
margin-top : 4px;
}

div.middle {
background-image:url('images/mid_img.jpg');
width : 800px;
height : 527px;
margin-left : auto;
margin-right : auto;
text-align : left;
}

hr.bottomline {
width : 800px;
margin-top : 0px;
}

div.bottom {
width : 800px;
height : 20;
margin-left : auto;
margin-right : auto;
text-align : center;
}

p.validation {
margin-left : auto;
margin-right : auto;
width:185px;
}

Logg inn

DIV-tags/Image-wrapping i Internet Explorer.

Anbefalte innlegg

Gjest Slettet+oiasdf79

Lenke til kommentar

Videoannonse

PHPdude

Lenke til kommentar

Gjest Slettet+oiasdf79

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Opprett konto

Logg inn

Hvem er aktive 0 medlemmer