Avatar billede sonne Nybegynder
20. februar 2005 - 03:19 Der er 12 kommentarer og
1 løsning

website til flere browsere

http://home.worldonline.dk/bph/web/
er ok i IE men det er den ikke i
FIREFOX og heller ikke i
PHOENIX

Er det småting eller meget der skal ændres ?
Avatar billede alister_crowley Nybegynder
20. februar 2005 - 04:07 #1
svaret er simpelt

Alt det lort som er lavet i:

<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">

kan kun ses af M$ IE , fordi den parser alting efter M$ closed standart (som M$ Frontpage sjovt nok laver sine koder efter).
Så løsningen er at DU lærer HTML og CSS

www.html.dk/tutorials/html
www.html.dk/tutorials/css

og så koder den om helt forfra, så den virker ordenligt.
Avatar billede jacob_m Nybegynder
20. februar 2005 - 11:26 #2
http://validator.w3.org/check?uri=http%3A%2F%2Fhome.worldonline.dk%2Fbph%2Fweb%2F Siger alt :-D...

Men det er rigtig somt alister_crowley også siger... Front Page er meget brugervenligt, men også meget begrænset. Så det er en god idé at "komme videre" hvis man skal lave en seriøs side.

/Jacob_m
Avatar billede sonne Nybegynder
20. februar 2005 - 12:18 #3
Jeg er helt enig: Front Page er meget brugervenligt, men også meget begrænset.
Derfor har jeg lavet menustruktur med frontpage, men resten er programeret med EDIT+ 2.23.


Det er en tabel der giver mig problemer. (i html dokumentet)
<table border="0" cellpadding="0" cellspacing="0" width="100%">
  <tr>
    <td valign="top">

(i css dokumentet har jeg så defineret tre spalter)
#spalte1 {
    text-align: center;
    float:left;
    width: 25%;
    padding: 3px 3px 3px 3px;
    border-width: 6px;   
    border-style: outset  ;   
    border-color: #ff9900;   
    height: 500px

}
#spalte2 {
    float:left;
    width: 25%;
    padding: 3px 3px 3px 3px;
}
#spalte3 {
    float:left;
    width: 50%;
    padding: 3px 3px 3px 3px;
    border-width: 6px;   
    border-style: outset  ;   
    border-color: #ff9900;   
    height: 500px

og de tre spalter opfører sig ikke ens i IE og f.eks. FIREFOX
Avatar billede sonne Nybegynder
20. februar 2005 - 13:59 #4
nu har jeg lavet et "TOM" side som opfylder standarden validater.w3.org
home.worldonline.dk/bph/web/tom.html
og et css dokument
home.worldonline.dk/bph/web/style/pdstyle

med det løser ikke probelemet med at mine bokse (spalter i css dokumentet ikke opfører sig ens.

hvis jeg vil have hjælp til at få lavet menuerne i css dokumentet i stedet for at de ligger i de forskellige html dokumenter - bør jeg så oprette er nyt sp. i denne kategori ?
Avatar billede roenving Novice
20. februar 2005 - 14:05 #5
Du kan ikke lave din menu i css ...

css er kun en formattering af de data, som befinder sig i html-dokumentet og kan ikke indeholde data (endnu !-)

Prøv også at sætte højde på spalte to !o]

-- eller endnu bedre, brug en class til at sætte den højde (og andre properties, som er ens !-)
Avatar billede sonne Nybegynder
20. februar 2005 - 16:01 #6
så fik jeg tilpasset html - tabellen og css boksene ser nu ens ud i IE contra FIREFOX/
Avatar billede roenving Novice
20. februar 2005 - 16:06 #7
-- jeg forstå bare ikke, at du har så stor en venstre-margin ?-)
Avatar billede sonne Nybegynder
20. februar 2005 - 16:13 #8
Siden er 890 px bred og højrecentreret - hvilken opløsning ser du siden med ?
Avatar billede roenving Novice
20. februar 2005 - 16:16 #9
1280*1024, hvilket betyder, at der er meget stor venstre-margin, det kunne godt passe med 390px !-)
Avatar billede sonne Nybegynder
20. februar 2005 - 16:53 #10
årsagen til mit problem
og løsningen fandt jeg her: http://www.webdesign101.dk/xhtml/css/hacks/index.php
Avatar billede olebole Juniormester
20. februar 2005 - 20:26 #11
<ole>

Hvis du bruger den løsning, baserer du din kode på én IE-bug for at løse en anden IE-bug. Det er aldrig hensigtsmæssigt at basere sin kode på bugs.
Så er det langt bedre at ændre strukturen i koden ... bugs bliver jo repareret efterhånden og så vil din kode igen være utilstrækkelig

/mvh
</bole>
Avatar billede sonne Nybegynder
20. februar 2005 - 22:42 #12
Det kan jeg godt forstå, men som jeg skrev tidligere "TOM side som opfylder standarden validater.w3.org" og derfor bygger jeg videre.
Nu er det lagt "på plads" www.pdskole.dk
der findes html doukumentet tom.htm og css-dokumentet style/pdstyle.css
- hvis disse stadig indeholder noget IE-bug så vil jeg gerne vide hvor det er - og måske også hvordan jeg omgår det.
Avatar billede sonne Nybegynder
24. februar 2005 - 13:11 #13
Nu ser siderne ens ud i de browsere jeg tester med.
Tusind tak for jeres gode kommentarer. Der er nu ryddet godt ud i det lort jeg startede med. Tak for det.

Jeg er interesseret i at styre menuerne på en mere enkelt måde
se evt http://eksperten.dk/spm/594239
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