Søg
Avatar billede gf Nybegynder
27. november 2004 - 21:50 Der er 40 kommentarer og
2 løsninger

ie og firefox

Hej

Jeg har en side hvor jeg har benyttet mig af css herunder boxmodellen. mit problem er, at når siden vises i MS interenet explorer ser alt ud som det skal men ser keg den i firefox er det helt galt. Er der nogen der ved hvad der kan være galt?
siden kan ses på www.wiggs.dk

mvh GF
Avatar billede syvon Nybegynder
27. november 2004 - 21:56 #1
mon ikke det vil hjælpe hvis du skriver doctype rigtigt

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
Avatar billede pfp Nybegynder
27. november 2004 - 21:57 #2
Jeg ville starte med at validere min kode:
http://validator.w3.org/check?uri=www.wiggs.dk
Avatar billede syvon Nybegynder
27. november 2004 - 21:58 #3
og her er den med xhtml 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Avatar billede gf Nybegynder
27. november 2004 - 22:39 #4
Hej

jeg må indrømme jeg er lidt på bar bund her når jeg validerer koden får jeg følgende fejl, som jeg ikke aner hvad jeg sakl stille op med.

Line 2, column 0: character "<" invalid: only delimiter ">", delimiter "[", system identifier, "CDATA", "NDATA", "SDATA" and parameter separators allowed

<html>

&#9993;

Line 2, column 0: cannot continue because of previous errors

<html>



til syvon. hvad er der galt med min doctype?

mvh gf
Avatar billede syvon Nybegynder
27. november 2004 - 22:46 #5
din doctype er ikke færdig gjort du har kun skrevet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

og mangler slut tagget ">"

samt denne linie

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
Avatar billede gf Nybegynder
27. november 2004 - 23:11 #6
okay, nu er jeg med,damn så skal jeg til at rette i mange sider. Der er da lidt vildt, at det kan snige sig så mange fejl med i en kode uden at IE b"brokker sig".

Der er endnu et par fejl jeg ikke er klar over hvad betyder, Udseendet i firefox er stadig det samme.

mv gf
Avatar billede syvon Nybegynder
27. november 2004 - 23:22 #7
dil li skal omkranses af <ul>  </ul>

så det kommer til at se sådanne ud

<ul>
<li><a href="nyheder/visnyheder.php?id=44">
        Elevudtalelser        </a><br />
      </li>
</ul>
Avatar billede gf Nybegynder
27. november 2004 - 23:25 #8
jeps det er jeg ved at fikse, men hvad er det galt i linie 11 og 41?

Jeg har først idag fået installeret firefox. Kan jeg gå ud fra, at hvis det virker i firefox så virker det også i ie?
Avatar billede syvon Nybegynder
27. november 2004 - 23:26 #9
samt i de andre to linier mangler du at sætte denne ind:  alt=""


der ud over behøver du ikke at skrive

<li> </li>
men kan nøjes med at skrive

<li/> foran din tekst
Avatar billede notes2c Nybegynder
27. november 2004 - 23:33 #10
Du mangler en clear i:

#nybodyblock {
    position:relative;
    background: #ffffff;
    color: #333333;
    width:750px;
    padding:0;
    height: 90px;

clear:both; /* <- indsat */
}
Avatar billede gf Nybegynder
27. november 2004 - 23:40 #11
notes2c så er clear:Both indsat
syvin hvor er det lige alt="" skal placeres i strengen?
Avatar billede gf Nybegynder
27. november 2004 - 23:44 #12
jeg har ligeledes forsøgt mig lidt frem med hvor <ul> </ul> skal placeres, det er lidt besværligt da list itemet er inde i en while lykke det jag har hjort er, at placere den således, men det giver endnu flere fejlmeldinger.

<ul>
      <?php
      $overskrifter = mysql_query("select * from nyheder order by ID DESC");
      while($rowoverskrifter = mysql_fetch_array($overskrifter)) {
      ?>
      <span class="nyhedslinks">
      <li><a href="nyheder/visnyheder.php?id=<?=$rowoverskrifter[id]?>">
        <?="$rowoverskrifter[overskrift]"?>
        </a><br />
      </li>
      </span>
      <? } ?>
    </ul> 


Mvh gf
Avatar billede syvon Nybegynder
27. november 2004 - 23:45 #13
linie 43

<div id="fodv"><img src="Images/ladelund%20logo.jpg" width="595" height="80" alt=""></div>

og sæt lige din </ul> før din </span> i linie 37 og 38
Avatar billede notes2c Nybegynder
27. november 2004 - 23:46 #14
Dette må du ikke
    <ul>
            <span class="nyhedslinks">
      <li><a href="nyheder/visnyheder.php?id=44">
        Elevudtalelser        </a><br />
      </li>
      </span>

Burg istedet
<ul>
<li class="nyhedslinks"><a href="nyheder/visnyheder.php?id=44">Elevudtalelser</a><br /></li>
</ul>
Avatar billede syvon Nybegynder
27. november 2004 - 23:47 #15
og din <li> efter din <span class="nyhedslinks">
Avatar billede syvon Nybegynder
27. november 2004 - 23:48 #16
og det var din <ul> jeg mente ikke din <li>
Avatar billede gf Nybegynder
27. november 2004 - 23:57 #17
Så  er det rettet, men den melder stadig fejl med mine <ul>'er

layoutet er desværre stadig det samme

mvh gf
Avatar billede syvon Nybegynder
27. november 2004 - 23:57 #18
istedet for span kan du bruge div

<div class="nyhedslinks">
<ul>
<li><a href="nyheder/visnyheder.php?id=44">Elevudtalelser</a><br /></li>
</ul></div>
Avatar billede notes2c Nybegynder
28. november 2004 - 00:03 #19
sæt padding på ul:
ul{
font-family: Trebuchet, Arial, sans-serif;
list-style-position: outside;
font-style: normal;
margin: 15px;

padding: 0; /* <- indsat */
}
Avatar billede gf Nybegynder
28. november 2004 - 00:07 #20
padding er sat til 0, men der er stadig ingen forbedring

mvh gf
Avatar billede gf Nybegynder
28. november 2004 - 00:10 #21
skal der også være en


clear:both;

i min bodyblock?

Mvh gf
Avatar billede syvon Nybegynder
28. november 2004 - 00:11 #22
den vises da ellers fint i firefox her, som det er nu.
Avatar billede notes2c Nybegynder
28. november 2004 - 00:12 #23
Hvordan vil du have det skal se ud. Det er jo ens i ie og ff
Avatar billede gf Nybegynder
28. november 2004 - 00:16 #24
he he jeg havde lige glemt at opdatere i ff

men der er altså et eller andet galt i bunden, det er lige som om, at det nederste felt til højre ikke er "højt" nok, kanten er helt oppe ved "din ip"

mvh gf
Avatar billede gf Nybegynder
28. november 2004 - 00:19 #25
Bund teksten er ligeledes for langt nede

mvh gf
Avatar billede syvon Nybegynder
28. november 2004 - 00:24 #26
prøv i fodh at sætte height:100%;

og i din skoleinfo  vertical-align:top;
Avatar billede notes2c Nybegynder
28. november 2004 - 00:26 #27
Tilføj important:
#fodh {
text-align:Left;
line-height : 10px;
float:Right;
width:145px;
height:86px !important; /* <- indsat */
height:80px;
background:#fff5d7;
border:2px solid ;
border-top-color:#fff5d7;
border-left-color:#fff5d7;
border-bottom-color:#FFFFFF;
border-Right-color:#FFFFFF;
}
Avatar billede gf Nybegynder
28. november 2004 - 00:36 #28
Hej

Important virkede fint hvad gør den?

men bundteksten er endnu ikke helt på plads.

mvh gf
Avatar billede notes2c Nybegynder
28. november 2004 - 00:38 #29
fortæller ff at height 86px skal bruges i stedet for height 80px som ie bruger
Avatar billede gf Nybegynder
28. november 2004 - 00:41 #30
ok tak for hjælpen

Lige 2 ting mere;

1. efter <ul> er der kommet ret stor afstand mellem linkene hvordan kan den gøres mindre?
2 jeg vil gerne give jer begge 30 point for den store hjælp hvordan gør jeg det?

mvh gf
Avatar billede notes2c Nybegynder
28. november 2004 - 00:43 #31
sæt margin på din h3 så skulle det sidste være på plads:
h3 {
    font:bold 10px Trebuchet, sans-serif;
    margin: 0; /* <- indsat */
}
Avatar billede notes2c Nybegynder
28. november 2004 - 00:45 #32
Det er fordi du bruger dobbelt ul
    <div id="Nyheder">
      <h2>Seneste nyheder</h2>
            <div class="nyhedslinks">
        <ul>
        <li><a href="nyheder/visnyheder.php?id=48">test</a></li>
        </ul>
      </div>
            <div class="nyhedslinks">

        <ul>
        <li><a href="nyheder/visnyheder.php?id=44">Elevudtalelser</a></li>
        </ul>
      </div>
          </div>
  </div>

Skulle have været:
<div id="Nyheder">
<h2>Seneste nyheder</h2>
<div class="nyhedslinks">
<ul>
<li><a href="nyheder/visnyheder.php?id=48">test</a></li>
<li><a href="nyheder/visnyheder.php?id=44">Elevudtalelser</a></li>
</div>
</div>
Avatar billede morteeart Nybegynder
28. november 2004 - 00:48 #33
Et andet problem med <ul> og <li> tags er også at

IE benytter padding, og Firefox margin til at beregne mellemrummet..
(kan ikke huske om det er omvendt)

Dette kan godt være lidt træls, da den ene også vil reagere på den andens værdi.
Avatar billede syvon Nybegynder
28. november 2004 - 00:50 #34
det kan vel løses med

ul{
margin-top:0;
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}
Avatar billede notes2c Nybegynder
28. november 2004 - 00:51 #35
Hey gf du mangler et semikolon i din h3, brug den kode som jeg har indsat
Avatar billede gf Nybegynder
28. november 2004 - 00:52 #36
grunden til, at det er dobbelt ul er jo fordi det står inde i en while sætning

se mit indlæg 23:44:56 det var derfor jeg havde ul uden for span

mvh gf
Avatar billede notes2c Nybegynder
28. november 2004 - 00:59 #37
Øh, du må hvis have ændret noget i forhold til dit eksempel 23:44:56, du skulle jo blot fjene din span, så ville det virke uden dobbel ul.
Avatar billede gf Nybegynder
28. november 2004 - 01:01 #38
Nej

men ul kører inden i en while løkke og der vil derfor komme det antal ul'er der er overskrifter.

Men jsg løste problemet med syvons ide.

Hvordan får jeg givet jer 30 points hver for jeres hjælp?

mvh gf
Avatar billede notes2c Nybegynder
28. november 2004 - 01:03 #39
Ok det fremgik ikke lige af kode, eller også er der noget jeg har overset.

:0)
Avatar billede syvon Nybegynder
28. november 2004 - 01:08 #40
ville nok også være lidt nemmere hvis man kunne se det stykke kode med while lykken
Avatar billede gf Nybegynder
28. november 2004 - 01:09 #41
notes2c jeg har lige oprettet et andet spørgsmål i denne kategori. læg et svar der og du får points
Avatar billede syvon Nybegynder
28. november 2004 - 01:12 #42
takker for points :O)
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 går 16:51 Links m.m. virker ikke Af Kjeld Aage Christiansen i PC
I går 11:04 Outlookproblem Af g91 i E-mail programmer
I går 09:21 Firefox - Bøvl med idelig genbekræftelse af identitet Af andershl i Browsere
17/0815:14 Sætte billeder ind i google sheets ark ud fra elev nummer Af lurup i Excel
16/0822:58 Kan man undgå at få vist referer når der klikkes på links Af Strawberry i Browsere
White papers
Flere white papers »