Avatar billede nemlig Professor
11. november 2009 - 08:52 Der er 13 kommentarer og
1 løsning

Padding i Div driller. Forskel på IE og FF

Hejsa.
Jeg har lavet en lille knap, og den kan ses her:

http://www.barsoehuset.dk/knap.php

Problemet er, at IE skærer bunden af knappen, mens den står fint i FF. Lugter måske af, at padding-top opfattes af IE som padding.

Kan I se en løsning, så knappen fremstår korrekt i både IE og FF.
De jeg bruger en del knapper med forskellige tekster, skal det gerne virke, så teksten er nem at ændre. Og det er den i denne kode her:

Min html kode ser sådan her ud:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Barsøhuset</TITLE>
<META http-equiv=Content-Language content=da>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="style.php" type="text/css">
</HEAD>
<body>
<div class='knap' onclick='window.location.href="index.php"'>Tilbage</div>
<br>
</body>
</html>

Style ser sådan her ud:

.knap {
    width: 119px;
    height: 24px;
    padding-top:4px;
    text-align: center;
    color:    #ffffff;
    font-family: arial;
    font-size: 13pt;
    font-weight: bold;
    background-image: url('fortryd.png');
    cursor:pointer;
}
Avatar billede showsource Seniormester
11. november 2009 - 09:23 #1
Prøv med:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">
Avatar billede nemlig Professor
11. november 2009 - 13:00 #2
Sorry - det er jeg ikke med på.
Avatar billede showsource Seniormester
11. november 2009 - 13:15 #3
Ændre din DOCTYPE til:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
  "http://www.w3.org/TR/html4/loose.dtd">

Og vær forberedt på at siden skifter layout :O)

Anyway, virker din kode fint for mig i IE 8
Avatar billede showsource Seniormester
11. november 2009 - 13:17 #4
Hmm, dog virker din kode på linket IKKE i min IE 8 :O)
Avatar billede showsource Seniormester
11. november 2009 - 13:19 #5
Hmm, du har en <head> som det første når du bruger "vis kilde" ?
Så er det nok der "bøffen" skal findes.
Avatar billede nemlig Professor
11. november 2009 - 14:58 #6
åhhh ja - det kan jeg godt se. Jeg prøver i aften, når jeg kommer til min private pc.
Tak for hintet.
Avatar billede nemlig Professor
11. november 2009 - 17:13 #7
Så har jeg prøvet at fjerne <head> øverst og lave ny doctype.
Ændringen i doctype løste problemet i IE, men så går det helt galt i FF, idet style ikke fungerer.
Bruger jeg den gamle doctype, har jeg fortsat problemet med at det nederste skæres væk i IE -selvom <head> er fjernet.

Jeg har gemt 2 dokumenter
http://www.barsoehuset.dk/knap2.php //oprindelig doctype
http://www.barsoehuset.dk/knap.php  //ny doctype
Avatar billede showsource Seniormester
11. november 2009 - 18:07 #8
Ved ikke, ligner at du får overskrevet noget et sted.
Hvorfor en php fil til stylesheet ?
Det er sikkert i den det går galt ?
Avatar billede nemlig Professor
11. november 2009 - 18:40 #9
Jeg anvender style.php, fordi jeg henter nogle oplysninger fra MySQL, fx. skrifttype og tekstfarver.

Men jeg kan godt se, at hvis jeg gemmer i style.css løser det mit umiddelbare problem med knapperne.

Er det muligt at gøre brug af php-koder, når filen er gemt som en css-fil?

Send blot et svar, da du har løst mit problem.
Og tusind tak for hjælpen.
Avatar billede showsource Seniormester
11. november 2009 - 18:46 #10
ehh, dit baggrundsbillede er 28px i højden.
Avatar billede showsource Seniormester
11. november 2009 - 19:02 #11
Ehh, så bunder det måske i at du får lavet noget forkert output som ødelægger stylesheet.
Du burde sagtens kunne bruge en php fil som stylesheet.

Og ellers med en .htaccess

<FilesMatch "style.css">
ForceType application/x-httpd-php
</FilesMatch>

mener jeg gør det.

Og hvad var så egentlig problemet ?
Dit første ex. virker fint for mig, hvis jeg sætter højden til 28px !
Avatar billede nemlig Professor
11. november 2009 - 19:43 #12
Problemet var at knappen blev skåret i bunden, når den vises i IE, men ikke i FF.
Men det virker nu, efter at jeg har fulgt dine råd:

1. Ændre Doctype
2. Ændre style.php til style.css.

Så må jeg lige finde ud af, hvorfor style.php outputter forkert.

Tak endnu engang for hjælpen. :)
Avatar billede keysersoze Ekspert
11. november 2009 - 19:58 #13
sørg for at sætte den rigtig content-type i din php-fil - http://www.barelyfitz.com/projects/csscolor/
Avatar billede nemlig Professor
11. november 2009 - 20:54 #14
Haløjsa - hvor det kører. Så funger min style.php også :-)

Tak for det keysersoze.
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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.

Du kan også logge ind via nedenstående tjenester