Søg
Avatar billede JJ77 Juniormester
28. marts 2006 - 15:36 Der er 21 kommentarer og
1 løsning

Problemer med visning i Firefox

Jeg har nedenstående kode i et css dokument. Mit problem er at siderne ser fine ud i explorer, men i Firefox er det som om at det ikke helt spiller.. skriftstørrelsen er fx ikke fast:(
hva fann kan der være galt?


html     
{ 
border: #92BCE6; scrollbar-3dlight-color: #E4E9EC; scrollbar-arrow-color: #FEC820; scrollbar-darkshadow-color: #92BCE6; scrollbar-highlight-color: #92BCE6; scrollbar-shadow-color: #E4E9EC; scrollbar-track-color: #F1F6F9 
}
body {margin: 20px; width: 550px; margin-top: 15px}
body,td,input,textarea,select {font: 11px verdana,arial,sans-serif}
form {display: inline}
table {border-collapse: collapse}
#list table {width: 100%}
#list th {font-weight: bold; text-align: left; border-bottom: 1px solid #AAAAAA; border-top: 1px solid #AAAAAA; padding: 3px}
#list td {vertical-align: top; border-bottom: 1px solid #CECECE; padding: 3px}
a {text-decoration: underline; color: #0000CD; background: transparent}
a:hover {text-decoration: none}
h1 {font: bold 20px trebuchet ms,verdana,helvetica,sans-serif}
h2  { color: #000; font: bold 15px "trebuchet ms", verdana, helvetica, sans-serif; text-decoration: underline; margin-top: 0 }
h3  { color: #000; font: bold 11px verdana, arial, sans-serif; margin-top: 0 }
hr {height: 1px; color: black; background: black}
a.author {text-decoration: none; color: #CCCCCC; float: right}
a.author:hover {text-decoration: none; color: #CCCCCC; float: right}
Avatar billede Slettet bruger
28. marts 2006 - 16:02 #1
Det er nemmere at hjælpe hvis man har hele sammenhæng - er det muligt med et link til siden ?????
Avatar billede olebole Juniormester
28. marts 2006 - 16:06 #2
<ole>

- f.eks. er noget af det aller vigtigste, hvad der står før html-tag'et  ;o)

/mvh
</bole>
Avatar billede JJ77 Juniormester
28. marts 2006 - 18:25 #3
Dette er det hele:) altså hele css´et.. på selve siderne er teksten osv jo bare defineret som h1, h2 osv. osv..
Avatar billede olebole Juniormester
28. marts 2006 - 18:40 #4
- og det er netop det andet, der står på siden - heunder DTD'en før HTML-tag'et - der er afgørende for, hvad du skal skrive i din CSS.
Altså: Hvordan ser _hele_ dit dokument ud?
Avatar billede JJ77 Juniormester
28. marts 2006 - 20:19 #5
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>
    <style>
        <!--
                .lille{
                        color:#FFFFFF;
                        font:12px trebuchet ms,verdana,helvetica,sans-serif;
                        text-decoration: none;
                        font-weight: bold;

                   
                }
        -->
</style>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
       
<script language=JavaScript>
<!--
function nixpille(){
alert("Af hensyn til sidens opbygning er det ikke muligt\nat åbne linket i et nyt vindue. Håber på din forståelse..");
}
// -->
</script>
       
        <title></title>
    </head>

    <body background="NewFiles/logo.gif" bgcolor="#ffffff" link="white" vlink="white" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
        <table width="100%" border="0" cellspacing="2" cellpadding="0" height="80">
            <tr>
                <td align="right" valign="bottom">
                    <div align="right"><span class="lille"><a href="kontaktWebmaster/index.php" target="vs" oncontextmenu="nixpille();return false;">Kontakt webmaster</a> | <a href="forside.html" target="vs" oncontextmenu="nixpille();return false;">Forside</a></div></span>
                </td>
            </tr>
        </table>
        <p></p>
    </body>

</html>
Avatar billede JJ77 Juniormester
28. marts 2006 - 20:21 #6
Hov, den første kører jo ikke på css.. her kommer en:) men den første funker heller ikke:(

<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Kontakt form</title>
</head>

<form name="tip_form" action="send.php" method="POST">
<body>

            <h1>Kontakt webmaster</h1>

            <p>
            </p>
            <table width="321" border="1" bordercolor="#FFFFFF" height="163">
  <tr height="31">
    <td valign="top" bgcolor="#ffc61e" width="71" height="31">
                    <h3><b><font color="white"><u>Din e-mail</u>:</font></b></h3>
                </td>
    <td valign="top" bgcolor="#ffc61e" width="236" height="31">
<input type="text" name="sender" value="anonym@anonym.dk" size="36"></td>
  </tr>
  <tr>
    <td bgcolor="#a8b7c1" width="71">
                    <h3><b><font color="white"><u>Indhold</u>:</font></b></h3>
                    <p>&nbsp;</p>
                    <p>&nbsp;</p>
      <p><input type="button" onClick="confirm_submit()" Value="Send mail">
    </td>
    <td valign="top" bgcolor="#a8b7c1" width="236">
<textarea name="besked" rows="8" cols="35"></textarea></td>
  </tr>
</table>
            <font size="1"><input readOnly value="" name="email" size="1" style="color: #FFFFFF; border-style: solid; border-color: #FFFFFF"></font></p>

</body>
</html>
Avatar billede mclemens Nybegynder
28. marts 2006 - 20:34 #7
nr. 1... tror jeg nok
<style>
<!--
  .lille,.lille a{
  color:#FFFFFF;
  font:12px "trebuchet ms",verdana,helvetica,sans-serif;
  text-decoration: none;
  font-weight: bold;
  }
//-->
</style>

- hvis skriftstr. i denne skal være fast skal vi have en body style sat på den

body{font:12px "trebuchet ms",verdana,helvetica,sans-serif;}
Avatar billede mclemens Nybegynder
28. marts 2006 - 20:40 #8
- hvis skriftstr. i denne skal være fast skal vi have en body style sat på den
jeg mente på hele siden...
Avatar billede mclemens Nybegynder
28. marts 2006 - 20:53 #9
skrifstørrelsen kan så vidt jeg ved ikke laves fast i ff'eren...
Avatar billede mclemens Nybegynder
28. marts 2006 - 21:39 #10
m.h.t. tabellen så er der nok en der er lid skrappere end mig til tables :P (bruger div's) her er et forsøg alligevel :P ... hvis knap tekst skal være afsend email skal venstre kolonne øges i str. ... det virker også som om at h3 tags kan drille lidt

ekstra css:
textarea{overflow-y:scroll;height:100%;width:100%;margin:0px;padding:0px;}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<link rel="stylesheet" type="text/css" href="style.css">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<title>Kontakt form</title>
</head>

<form name="tip_form" action="send.php" method="POST">
<body>

            <h1>Kontakt webmaster</h1>

            <p>
            </p>
            <table width="321" border="1" bordercolor="#FFFFFF" height="163">
  <tr height="31">
    <td valign="top" bgcolor="#ffc61e" width="85" height="35">
                    <h3><b><font color="white"><u>Din e-mail</u>:</font></b></h3>
                </td>
    <td valign="top" bgcolor="#ffc61e" width="236" height="35">
<input type="text" name="sender" value="anonym@anonym.dk" size="36"></td>
  </tr>
  <tr>
    <td bgcolor="#a8b7c1" width="85" height="30" valign="top">
<h3><b><font color="white"><u>Indhold</u>:</font></b></h3>
    </td>
    <td valign="top" bgcolor="#a8b7c1" width="236" height="128" rowspan="2">
<textarea name="besked" rows="8" cols="35"></textarea></form></td>
  </tr>
  <tr>
    <td bgcolor="#a8b7c1" width="85" height="98" valign="bottom" align="center">

<input type="button" onClick="confirm_submit()" Value="Afsend">
    </td>
</tr>
</table>

</body>
</html>
Avatar billede mclemens Nybegynder
28. marts 2006 - 21:40 #11
edit ... hvis knap tekst skal være afsend email ...>
... hvis knap tekst skal være "send mail" istedet for afsend ...
Avatar billede olebole Juniormester
29. marts 2006 - 12:49 #12
For det første bør du nok anvende en DTD, der sikrer, at du kan bruge CSS i IE:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

- den, du anvender dræber store og vigtige dele af CSS (herunder box-modellen) i IE.
Dernæst bør du nok også definere et tegnsæt, der tillader andre en MS-brugere at se dine sider:
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

Hvad det præcist er, der driller dig omkring skriftstørrelser, må du dog nok uddybe lidt  :)
Avatar billede JJ77 Juniormester
29. marts 2006 - 23:06 #13
Når man fx holder ctrl nede og scroller på musen kan man ændre skriftstørrelsen, hvilket man ikke skal kunne. Den er fikseret i IE, men ikke i Firefox.
Avatar billede Slettet bruger
29. marts 2006 - 23:59 #14
I Firefox holder du ctrl nede og trykker på + (plus) eller - (minus)
Avatar billede mclemens Nybegynder
30. marts 2006 - 00:26 #15
Man kan gøre begge dele,
men det har ikke noget
med ?'let at gøre...

- Så vidt jeg ved kan man ikke låse str i FF'eren...
Hvis vi da bare var så heldig at roenving var her...
Han kan sikkert sige om hvorvidt man kan eller ej...
Avatar billede JJ77 Juniormester
30. marts 2006 - 19:23 #16
ka sku godt være at du har ret i at man ikke kan låse skriftstørrelsen fast i FF... prøvede lige på exp.dk med firefox.. og der var den ihvertfald ikke låst fast.. hmm.
Så er der jo nok alligevel en naturlig forklaring;)
Men smider du så ikke et svar så du kan få lidt point:) takker for forsøget
Avatar billede mclemens Nybegynder
31. marts 2006 - 00:38 #17
svar ;)
Avatar billede mclemens Nybegynder
31. marts 2006 - 00:41 #18
Er også selv godt træt af at man ikke kan låse str i
FF'eren... det ødelægger mit design fuldstændig :/
Avatar billede mclemens Nybegynder
31. marts 2006 - 00:41 #19
undskyld langsomt svar...
Avatar billede roenving Novice
31. marts 2006 - 17:37 #20
-- jeg forstår godt ideen i, at man kan komme til at smadre designet, hvis man kan ændre størrelsen på bogstaverne, men af hensyn til brugere med f.eks. svagt syn, anbefaler w3c eksplicit, at man udformer sit design på en sådan måde, at almindelige tekster kan ændres i størrelse, så det kan blive læsbart selv hvis man har et meget dårligt syn !-)

-- så deres anbefaling er, at man udformer knapper o.l., der skal bevares i størrelse som grafik, og ellers bruger de relative størrelser i stedet for f.eks. px !o]

-- endnu sjovere bliver det, hvis man benytter enheden pt (typografisk punkt), som IE oversætter direkte til pixels (px), mens andre browsere er så grove, at de fortolker dem i henhold til den faktiske størrelse af et sådant (et punkt er ca. 0,35mm mens en pixel typisk er 0,20 - 0,28px), hvilket giver rigtig sjove resultater !-)

-- og udviklerne på FireFox har altså valgt at tage den anbefaling fra W3c så alvorligt, at der ikke er mulighed for at fastlåse, mens M$ har valgt den mdsatte vej !-)
Avatar billede mclemens Nybegynder
31. marts 2006 - 19:15 #21
Tak for kommentaren roenving ... så fik vi FF's
håndtering af skriftstrørrelserne på plads :)



... Firefox har også givet svagt seende muligheden for vis, sidefil og ingen sidefil  - det vil gøre det muligt for svagtseende at læse indholdet på min side selvom de øger skriftstr... p.t. rykker teksterne ind i hinanden (det er css stylet <a href text knapper som du selv nævner der p.t. er årsagen ...) (håber de ved det med ingen sidefil) :P

- Jeg mener det er fint at man tager hensyn til svagtseende..., hensyn til blinde via speciel side med w3c speech indstilling samt keyboard shortcuts til links på siden ville så være det næste :)

p.s.: roenving ligger du ikke et svar herovre?
http://www.eksperten.dk/spm/697893
- du har vist sagt alt hvad der var brug for derinde :)
Avatar billede mclemens Nybegynder
31. marts 2006 - 19:24 #22
hov, kast lige et svar her også roenving
så du får noget for kommentaren :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML 18 10/09/202515:07 17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML 3 19/03/202522:16 20/03/202513:04
Se og ændre html på en webside Af magger i HTML 4 11/03/202513:55 12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML 5 02/03/202520:05 04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML 3 30/10/202409:37 01/01/202515:27
Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 16:21 Installere Ubuntu på Virtuel Maskine Af Uvanga i Andet software
I dag 09:38 Microsoft har igen ødelagt mit højreklik Af valby i Windows
30/0714:41 To mails fra YouSee - Jeg tror ikke altid på tilfældigheder Af mort1 i Andet sikkerhed
27/0714:34 Hjælp til at kunne skanne negativer på Plustek 8300i SE Af Mariann i Foto & video
27/0713:58 Mapperne Dokumenter og Overførsler er forsvundet efter geninstallation af Win11 Af bragger i Windows
White papers
Flere white papers »