Avatar billede msoee Nybegynder
14. juli 2005 - 14:34 Der er 7 kommentarer

Problemer med korrekt visning af site i IE.

Hej Eksperter.

Har lavet et site for første gang i css frem for tables etc - men har det problem at sitet bliver vist helt forkert i IE.

Det virker lidt somom den ikke mener at venstre indholdet i højre side fylder for meget på en eller anden måde.

Vil sætte utrolig høj pris på hvis nogle kunne hjælpe mig ud af det her.

Link til siden (se den både i IE og FF):
http://www.msoee.dk/hans1/index.php

Link download af sitets filer:
http://www.msoee.dk/hans1.rar

Brugte filer til forsiden:

PHP:
- index.php
- main.php
- reservation.php
- nyheder.php
- kontakt.php

CSS:
- style.css

java script:
- hover.js
- hide.js

Håber i er i stand til at hjælpe mig - og fortsat god sommerferie til dem af jer der er så heldige :)

Venlig hilsen Michael
Avatar billede olebole Juniormester
14. juli 2005 - 14:51 #1
<ole>

Du kan ikke bruge CSS i stedet for tabeller ... det svarer til at tage autolakken ned til bageren efter basser. CSS indeholder ingen elementer, men kan bruges til at style HTML-elementer med.

Dernæst kan man kun undre sig over, at dokumentet overhovedet kan vises i en browser med den DTD. Hvilket sprog forestiller du dig, du skriver i? ... jeg kender det i hvert fald ikke  :)

/mvh
</bole>
Avatar billede olebole Juniormester
14. juli 2005 - 14:57 #2
- noget kunne tyde på, du har kikket lidt for meget i dette tågehorns koder:
    http://www.thefatman.dk/

Det er en rigtig dårlig idé - for han har tydeligvis ikke den ringeste anelse om, hvad han gør  :)
Avatar billede msoee Nybegynder
14. juli 2005 - 15:40 #3
Hej igen.

TFM har hjulpet mig en en del med den grundlæggende opsætning i css, og det er den jeg ikke helt forstår.

Hvordan ville i ellers anbefale mig at lave sitet?
Avatar billede olebole Juniormester
14. juli 2005 - 16:03 #4
Han er sikkert en ganske flink fyr - men HTML/CSS ved han tydeligvis ikke en klaphat om  :D

Begynd med at skrive en brugbar DTD (DocType Definition). XHTML er i udgangspunktet ubrugeligt på WWW, så du bør nok vælge en HTML4.01-DTD ... f.eks:
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Før den linie, må der _intet_ stå. Det 'fedemanden' gør med at skrive en kommentar inden, disabler væsentlige dele af CSS i IE.

Desuden er det ikke ligemeget, hvad der står i en DTD, så 'fedemandens' private tekster (som du også inkluderer) destruerer simpelthen DTD'en.

Desuden skal du være forsigtig med brugen af <p>-tags - og <br> mellem andre elementer. De tos dimensioner er ikke synderligt veldefinerede.

Det er i hvert fald nogle ting, du bør bringe i orden til en begyndelse
Avatar billede msoee Nybegynder
19. juli 2005 - 11:41 #5
Tak for svaret.

Altså mit hovedsaglige problem er sådanset bare at den skubber indholdet i boxen i højre side ud over det er der jo egentligt ikke problemer med siden - som jeg kan se det.

Altså har den holdning at det er vigtigere at det fungerer end at det er "korrekt".

Alt i alt, vil gerne hvis en kan hjælpe mig med at finde den fejl der skubber indholdet i IE men ikke i Firefox.

Olebole: Jeg har nu ændret doc type, og derudover smidt doc type linjen øverst i min kode.

Har også fjernet en del <br> tags, men mangler jo <p> tagsene til at lave afsnit i mine tekster :)
Avatar billede olebole Juniormester
19. juli 2005 - 23:21 #6
Prøv at køre to minutter i den forkerte retning på Vestmotorvejen med 130 km/t ... så har du nok den holdning, at det er langt bedre, tingene bliver gjort korrekt, end at de virker lige her og nu ... ellers får du den ret hurtigt  ;o)

Så længe, du ikke skriver korrekt HTML, har du ingen kontrol over, hvordan de forskellige browsere viser din side. Derfor må du først rette din kode til, så den ikke er fuldstændig ude i hampen - men i det mindste minder om HTML.

Du må gerne bruge <br>'s - men ikke til at skabe mellemrum mellem andre elementer. Det gælder også for <p>, men hvsi du bruger p-tags i din tekst, bør du sørge for, de ser ens ud i forskellige browsere ... f.eks. ved at skrive dette i din CSS:

p {
    margin: 1em 0;
}

- jeg kan ikke se ændringerne afspejlet på sitet - og så er det jo svært at hjælpe. Husk i øvrigt også at få flyttet dette:

<style type="text/css">
.skjul{
  display:none;
}
</style>

- ind under head-elementet, hvor det hører hjemme  :)
Avatar billede msoee Nybegynder
20. juli 2005 - 11:03 #7
Hej olebole.

Tak for at du har tid til at svare på mine indlæg.

Jeg har ændret lidt i opbygningen af selve indholdet på siden og derudover også i det hele taget fået smidt indhold ind.

Har forsøgt at lave de tilrettelser du har nævnt.

Vil du anbefale mig at jeg dropper css'en helt, på det grundlag at jeg er ret ny inden for det. Det burde vel kunne virke det hele ved hjælp af tables?

Side med indhold:
http://www.msoee.dk/knud_web.rar

Under sider til index.php:

- main.php
- bund.php
- kontakt.php (højre)
- nyheder.php (højre)
- reservation.php (højre)

Derudover er der alle *.js filer og style.css

Jeg har en show/hide funktion som er brugt i bunden af siden (hentes fra dokumentet bund.php)

Har det problem at hvis jeg skifter fra f.eks. billeder (meget indhold) til Søhøjlandet (mindre indhold) glemmer den at fylde baggrunden ud i y-aksen (Firefox)

Og så har jeg stadig problemet med at den crasher i IE hva angår boksen til højre.
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