|
|
 | problem med visning i firefox
Fra :  cabesirano | Vist : 393 gange
20 point
Dato : 30-11-07 15:32 |
|
Hej Der
Denne boks bliver ikke vist korrekt i firefox er der nogen som kan hjælpe ?
HTTP:
--------
<span class='ErrorBox'>
<strong>Fejl.</strong>
<BR>* Venligst læs og Godkend Abonnements betingelserne.
</span>
CSS:
-------
.ErrorBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
background: #fff7d7;
padding: 20px;
border-width: thin;
border-color: #FF0000;
border-style: solid;
width: 100%;
}
| |
 | Kommentar
Fra : molokyle  |
Dato : 30-11-07 19:10 |
| | |
| Kommentar
Fra : molokyle |
Dato : 30-11-07 19:18 |
|
Ps. Koden jeg brugte til skærm-dump eksemplerne ovenover kommer her:
Kode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da" xml:lang="da">
<head>
<title>Test af Firfox vs.IE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
.ErrorBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
background: #fff7d7;
padding: 20px;
border-width: thin;
border-color: #FF0000;
border-style: solid;
width: 100%;
}
</style>
</head>
<body>
<div>
<span class='ErrorBox'>
<strong>Fejl.</strong>
<BR>* Venligst læs og Godkend Abonnements betingelserne.
</span>
</div>
</body>
</html> |
Hvilket ikke validerer korrekt grundet din <BR> ..som i XHTML skrives <br />
..rettes dette? Så validerer koden korrekt i forhold til w3.org 
..ingen fejl i din kode ..som sådan 
 </MOLOKYLE>
| |
|
Nej det står fint i IE7 - og det kan jeg se er grundet at jeg bruger følgende doctype
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
men jeg ser firefox udgaven lige som du. prøv feks. dette:
<span class='ErrorBox'>
<strong>Fejl.</strong>
<br />* bla.
<br />* bla.bla.
<br />* bla.bla.bla.
<br />* bla.bla.bla.bla.
<br />* Venligst læs og Godkend Abonnements betingelserne.
</span>
så fremgår fejlen meget tydligere i firefox
| |
| Accepteret svar
Fra : molokyle | 
Modtaget 20 point
Dato : 01-12-07 06:04 |
|
Tjaeh... Jeg ser det nu lige 'forkert' uanset !DOCTYPE 
..og det er nu Explorer som har 'fejlen': http://www.webdesign101.dk/xhtml/css/hacks/hack_4.php
Den kan rettes således: http://www.webdesign101.dk/ie7/csshacks.php
Er det du vil opnå mon ikke dette:
Kode
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="da" xml:lang="da">
<head>
<title>Test af Firfox vs.IE</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* html {margin:0;padding:0;}
body{
background:#000;
color:#fff;
}
div.ErrorBox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
color:#000;
background: #fff7d7;
padding:10px;
border:thin solid #FF0000;
}
</style>
</head>
<body>
<div class='ErrorBox'>
<strong>Fejl.</strong>
<br />* bla.
<br />* bla.bla.
<br />* bla.bla.bla.
<br />* bla.bla.bla.bla.
<br />* Venligst læs og Godkend Abonnements betingelserne.
</div>
</body>
</html> |
???
Således vises 'kassen' korrekt i alle moderne browsere
..men der vil stadig være et 'problem' med forskellen på tolkning af 'kassens' dimensioner i henholdsvis Firefox og IE.
Jeg forslår da, du kaster et blik på brug af betingede kommentarer:
http://www.webdesign101.dk/artikler/conditionalcomments.php
</MOLOKYLE>
| |
| Godkendelse af svar
Fra : cabesirano |
Dato : 01-12-07 08:58 |
| | |
| Kommentar
Fra : molokyle |
Dato : 01-12-07 10:12 |
|
Jamen velbekommelse 
....velkommen på www.kandu.dk cabesirano 
</MOLOKYLE>
| |
 | Du har følgende muligheder | |
|
Eftersom du ikke er logget ind i systemet, kan du ikke skrive et indlæg til dette spørgsmål.
Hvis du ikke allerede er registreret, kan du gratis blive medlem, ved at trykke på "Bliv medlem" ude i menuen.
| |
|
|