Avatar billede drinkit Praktikant
03. juli 2005 - 12:04 Der er 52 kommentarer og
1 løsning

FF viser min side mærkeligt -

www.qrede.dk/qrede/
hvorfor viser IE den rigtigt og FF fucker den op..
ved godt at jeg har optimeret den til IE.. men kan nogle sige mig, hvad det er FF ikke kan opsnappe..?

Og forresten, hvis nogle kan hjælpe.. det er ganske vidst et andet spm det her, og det hører under HTML..
se siden http://qrede.dk/qrede/?id=2 (i IE)..
jeg skal have min "oversigt" span til at blive helt oppe, istedet for at gå ned.. hva gør jeg der?

Sry for at stille to som i et.. tror ik det er lovligt.. :S
På forhånd tak
Avatar billede erikjacobsen Ekspert
03. juli 2005 - 12:12 #1
Start med at validere din CSS og HTML på www.w3.org - når den ikke melder fejl, så er det fornuftigt at spørge andre.
Avatar billede drinkit Praktikant
03. juli 2005 - 12:12 #2
hvad med mit andet som?
Avatar billede erikjacobsen Ekspert
03. juli 2005 - 12:16 #3
Hvis den skal ses i IE, for at kunne se problemet, så skal du nok vente på nogle andre ;)
Men stadig: valideret CSS og HTML er nu nok en god forudsætning.
Avatar billede drinkit Praktikant
03. juli 2005 - 12:18 #4
hehe.. ok - men prøver lige at valiedere den først..
hvad er det man skal sætte ind på siden, for at den kan blive valideret.. en meta og en doc type.. er det noget du lige kan skrive her, som jeg kan copy/paste ind?
Avatar billede trekkies Juniormester
03. juli 2005 - 12:18 #5
Du mangler noget af det mest nødvendige i en html side, Doctype og encoding.

Du skal sætte denne ind foran din html start:
<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

Du skal også have denne i din head:
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

I din javascript skal du have denne kode:
type="text/javascript"

Så din javascript ser sådan ud:
<script language="JavaScript" type="text/javascript">
Avatar billede drinkit Praktikant
03. juli 2005 - 12:21 #6
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.qrede.dk%2Fqrede%2F&charset=%28detect+automatically%29&doctype=%28detect+automatically%29
Ok.. ingen af fejlene fatter jeg.. hvorfor må div ik være dér.. og ul class kan man ik.. help lige ;)
Avatar billede drinkit Praktikant
03. juli 2005 - 12:21 #7
http://www.qrede.dk/qrede/
OG SE NU MIN HJEMMESIDE.. nu er den også fuckt i IE ... noooo :(
Avatar billede drinkit Praktikant
03. juli 2005 - 12:23 #8
nå.. sry.. skal nok keep calm - bare svært når det ser så rodet ud nu.
Men hva gør jeg nu!?
Avatar billede trekkies Juniormester
03. juli 2005 - 12:26 #9
Åben din CSS fil, find linie 16 og 17
ret dette:
top: 50;
left: 50;

til dette
margin-top: 50px;
margin-left: 50px;

og find linie 60 og 61
ret dette:
top: 470;
left: 400;

til dette:
margin-top: 470px;
margin-left: 400px;
Avatar billede trekkies Juniormester
03. juli 2005 - 12:26 #10
Så er din css fil fri for fejl :)
Avatar billede drinkit Praktikant
03. juli 2005 - 12:28 #11
rettet..
Avatar billede drinkit Praktikant
03. juli 2005 - 12:29 #12
it still looks like shit! :S
skal vi rette HTML'en også???
Avatar billede trekkies Juniormester
03. juli 2005 - 12:30 #13
Ja, vent venligst :)
Avatar billede trekkies Juniormester
03. juli 2005 - 12:49 #14
Åben din index side og find det sted hvor at der står dette:
</span>

<div class="copyright">Alle rettigheder forbeholdes</div>

</div>

Slet den sidste div, så der kun står:
</span>

<div class="copyright">Alle rettigheder forbeholdes</div>
Avatar billede drinkit Praktikant
03. juli 2005 - 13:19 #15
gjort!
Avatar billede drinkit Praktikant
03. juli 2005 - 13:20 #16
både IE og FF viser stadig siden af HT .. hva galt? :S
Avatar billede trekkies Juniormester
03. juli 2005 - 13:21 #17
Siden kører næsten hos mig, vent lige 5 minutter :)
Avatar billede trekkies Juniormester
03. juli 2005 - 13:26 #18
Nu kører den fint i firefox, men en lille fejl i IE.

Se resultatet her:

IE:
http://www.darkskies.dk/ie1.jpg

Firefox:
http://www.darkskies.dk/firefox1.jpg

Prøver at rette fejlen i IE :>
Avatar billede trekkies Juniormester
03. juli 2005 - 13:36 #19
Avatar billede drinkit Praktikant
03. juli 2005 - 13:42 #20
der er stadig mange små ting..
og sådan ser den SLET ik ud på min hp.. qrede.dk/qrede/ ??
Avatar billede drinkit Praktikant
03. juli 2005 - 13:44 #21
nu har jeg fjernet meta tagget og det der doc type.. så er den HELT perfekt.. men når man sætter det ind igen, fucker det.. why?
Avatar billede trekkies Juniormester
03. juli 2005 - 13:45 #22
Du får koden af mig, vent lidt
Avatar billede trekkies Juniormester
03. juli 2005 - 13:47 #23
Du skal nu gøre følgende:
Åben din css fil, og gå ned til din right class og ændre dette:
padding-bottom: 10px; ændres til padding-bottom: 0px;
der efter indsættes dette efter det du lige har ændret:
position: relative;
top: 50px;
left: 250px;

Gå ned til din copyright class og ændre dette:
position: absolute;
margin-top: 470;
margin-left: 400;

Skal ændres til:
position: relative;
margin-top: 30px;
margin-left: 450px;

Skriv når at du har ændret det.
Avatar billede drinkit Praktikant
03. juli 2005 - 13:57 #24
done
Avatar billede trekkies Juniormester
03. juli 2005 - 13:57 #25
Åben din index side, og fjern ALT din kode i din body.

Indsætte dette i stedet for:
<div class="indhold">
<div class="left">
<span class="overskrift">Oversigt</span>
<ul class="menu">
<li><a href="?id=26">Nye sko til mi..</a></li>
<li><a href="?id=25">Så er siden op..</a></li>
<li><a href="?id=24">Fødselsdag .. ..</a></li>
<li><a href="?id=23">PHP Klasser & ..</a></li>
<li><a href="?id=22">Startmenu og j..</a></li>
<li><a href="?id=21">Server problem..</a></li>
<li><a href="?id=20">Xup-Avis: proj..</a></li>
<li><a href="?id=19">Community er n..</a></li>
<li><a href="?id=18">Hjælp mig Pia..</a></li>
<li><a href="?id=17">Jeres ideér tæ..</a></li>
<li><a href="?id=16">Xup-Avisen inf..</a></li>
<li><a href="?id=15">Små opdatering..</a></li>
<li><a href="?id=14">Rema 1000..</a></li>
<li><a href="?id=13">This Page Is V..</a></li>
<li><a href="?id=12">Et logo er på ..</a></li>
<li><a href="?id=11">Så har jeg fåe..</a></li>
<li><a href="?id=10">Ny opdatering ..</a></li>
<li><a href="?id=9">Har mange proj..</a></li>
<li><a href="?id=8">Dell Server..</a></li>
<li><a href="?id=7">Services til j..</a></li>
</ul>
</div>
</div>
<div class="right">

<div class="overskrift">Blog</div>
<div class="bottommargin"><span class="emne"><b>Nye sko til mig!</b></span> (01/06-05)</div>
Jes - endelig fik jeg taget mig sammen, og kom ud med kæresten for at købe mig nogle nye sko!<br>
<br>
Resultatet af min shoppe-tur kan ses <a href="http://www.qrede.dk/qrededk/gfx/nyheder/sko.jpg" target="_blank"><b>her</b></a>!<br>
<br>
Skriv endelig jeres mening - for jeg synes personligt at begge par er FOR FEDE!<br />
<br>

</div>



<div class="copyright">Alle rettigheder forbeholdes</div>

Så skulle det se "normalt" ud igen, både i IE og Firefox.
Du kan prøve at validere din css fil og din index side her(De skulle gerne gå igennem nu):
HTML:
http://validator.w3.org/
CSS:
http://jigsaw.w3.org/css-validator/
Avatar billede drinkit Praktikant
03. juli 2005 - 14:07 #26
det ser helt mærkelig ud nu
Avatar billede drinkit Praktikant
03. juli 2005 - 14:07 #27
sådan nogenlunde i firefox og fuckt i IE
Avatar billede trekkies Juniormester
03. juli 2005 - 14:08 #28
Er du sikker på at du slettede ALT i din body?
Avatar billede drinkit Praktikant
03. juli 2005 - 14:09 #29
check selv.. det er det samme som du skrev!
Avatar billede trekkies Juniormester
03. juli 2005 - 14:14 #30
Du skal ind i din css fil og rette dette:
margin-top: 50px;
margin-left: 250px;

til dette:
top: 50px;
left: 250px;
Avatar billede drinkit Praktikant
03. juli 2005 - 14:22 #31
arhh.. nu kom jeg til at slette min index fil..
Avatar billede drinkit Praktikant
03. juli 2005 - 14:24 #32
men hør.. jeg har fundet grund fejlen.. det var fordi jeg brugte span over det hele næsten.. nu har jeg lavet det om til div.. http://www.qrede.dk/qrede/2/
nu er den der næsten.. nu skal de tre div'er bare ved siden af hinanden istedet for nedenunder.. og så tror jeg den er der.. hvordan gør vi det?
Avatar billede drinkit Praktikant
03. juli 2005 - 14:25 #33
Avatar billede drinkit Praktikant
03. juli 2005 - 14:29 #34
du har lige fået karma herfra :) smid svar.. du har hjulpet mere end rigeligt..
Må finde svar på mine sidste spm i et nyt spm her.. tak
Avatar billede trekkies Juniormester
03. juli 2005 - 14:29 #35
Åben din css fil og find right teksten:
og indsæt dette:
position: relative;
top: 50px;
left: 250px;
Avatar billede drinkit Praktikant
03. juli 2005 - 14:31 #36
jeg skal have de 3 diver på samme "linie" istedet for under hinande..
det har da intet med top-left at gøre?
Avatar billede trekkies Juniormester
03. juli 2005 - 14:36 #37
Prøv dette igen:
Slet alt i din body, ALT
og indsæt dette i stedet for:
<div class="indhold">
<div class="left">
<span class="overskrift">Oversigt</span>
<ul class="menu">
<li><a href="?id=26">Nye sko til mi..</a></li>
<li><a href="?id=25">Så er siden op..</a></li>
<li><a href="?id=24">Fødselsdag .. ..</a></li>
<li><a href="?id=23">PHP Klasser & ..</a></li>
<li><a href="?id=22">Startmenu og j..</a></li>
<li><a href="?id=21">Server problem..</a></li>
<li><a href="?id=20">Xup-Avis: proj..</a></li>
<li><a href="?id=19">Community er n..</a></li>
<li><a href="?id=18">Hjælp mig Pia..</a></li>
<li><a href="?id=17">Jeres ideér tæ..</a></li>
<li><a href="?id=16">Xup-Avisen inf..</a></li>
<li><a href="?id=15">Små opdatering..</a></li>
<li><a href="?id=14">Rema 1000..</a></li>
<li><a href="?id=13">This Page Is V..</a></li>
<li><a href="?id=12">Et logo er på ..</a></li>
<li><a href="?id=11">Så har jeg fåe..</a></li>
<li><a href="?id=10">Ny opdatering ..</a></li>
<li><a href="?id=9">Har mange proj..</a></li>
<li><a href="?id=8">Dell Server..</a></li>
<li><a href="?id=7">Services til j..</a></li>
</ul>
</div>
</div>
<div class="right">

<div class="overskrift">Blog</div>
<div class="bottommargin"><span class="emne"><b>Nye sko til mig!</b></span> (01/06-05)</div>
Jes - endelig fik jeg taget mig sammen, og kom ud med kæresten for at købe mig nogle nye sko!<br>
<br>
Resultatet af min shoppe-tur kan ses <a href="http://www.qrede.dk/qrededk/gfx/nyheder/sko.jpg" target="_blank"><b>her</b></a>!<br>
<br>
Skriv endelig jeres mening - for jeg synes personligt at begge par er FOR FEDE!<br />
<br>

</div>



<div class="copyright">Alle rettigheder forbeholdes</div>
Avatar billede drinkit Praktikant
03. juli 2005 - 14:37 #38
jeg har jo en masse php integreret.. så så nemt er det ik
Avatar billede trekkies Juniormester
03. juli 2005 - 14:38 #39
Ok, sådan.

Du kan starte med din ul menu.

Men du skal stadig gøre det jeg skrev kl. 14:29:04
Avatar billede drinkit Praktikant
03. juli 2005 - 14:40 #40
sådan-
Avatar billede drinkit Praktikant
03. juli 2005 - 14:40 #41
nu targer vi det skridt for skrift.. nu har jeg gjort det 14:29 sagde..
Nu ser det lidt anderledes ud.. husk at kigge på www.qrede.dk/qrede/2/ og ik den gamle :)
Avatar billede drinkit Praktikant
03. juli 2005 - 14:41 #42
så er der ingen grund til at den midterste div er der "center" diven.. så den har jeg slettet.. nu kan du se.. nu skal vi bare have right diven op ved siden af left diven!
Avatar billede trekkies Juniormester
03. juli 2005 - 14:45 #43
Gå ned til disse linier:
<li><a href="?id=7">Services til j..</a></li>
</ul>
</div>

og ret dem til dette:
<li><a href="?id=7">Services til j..</a></li>
</ul>
</div>
</div>
Avatar billede drinkit Praktikant
03. juli 2005 - 14:46 #44
done!
Avatar billede trekkies Juniormester
03. juli 2005 - 14:50 #45
Find disse linier:
Skriv endelig jeres mening - for jeg synes personligt at begge par er FOR FEDE!</div>

</div>

og indsæt denne linie:
<div class="copyright">Alle rettigheder forbeholdes</div> efter det sidste div, så det kommer til at stå sådan:

Skriv endelig jeres mening - for jeg synes personligt at begge par er FOR FEDE!</div>

</div>

<div class="copyright">Alle rettigheder forbeholdes</div>
Avatar billede drinkit Praktikant
03. juli 2005 - 14:51 #46
nej nej.. behøber ik det der copyright pis.. men det gør jo ingen forskel?
Avatar billede trekkies Juniormester
03. juli 2005 - 14:52 #47
Prøv at lægge siden op, så jeg kan se hvad der sker hos dig.
Avatar billede drinkit Praktikant
03. juli 2005 - 14:54 #48
Avatar billede trekkies Juniormester
03. juli 2005 - 15:01 #49
Åben din css fil igen, og find din indhold classe og indsætte denne:
position: absolute;
Avatar billede drinkit Praktikant
03. juli 2005 - 15:12 #50
http://www.qrede.dk/qrede/2/asdasd/
har fået hjælp af schaefner til det meste.. man sætter "bare" en float: left; på alle tre divs, og så er det ved siden af hinanden som du kan se..
og så kører det.. den er valid og hele lortet.. :)
tak for hjælpen.. smid svar.. .. mange tak
Avatar billede trekkies Juniormester
03. juli 2005 - 15:12 #51
Har du rettet din css fil?
Avatar billede trekkies Juniormester
03. juli 2005 - 15:14 #52
Godt at det virker nu:)
Avatar billede drinkit Praktikant
03. juli 2005 - 15:15 #53
der er ingen fejl i , ifølge w3.. !
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
IT-kurser om Microsoft 365, sikkerhed, personlig vækst, udvikling, digital markedsføring, grafisk design, SAP og forretningsanalyse.

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