Avatar billede md_craig Nybegynder
01. juli 2003 - 13:03 Der er 16 kommentarer og
1 løsning

Hjælp til Croos Browser desing

Jeg er i gang med at lave en ny side til vores lille gokart forening, og har en lille smule problemer med at få designet til at fungere bøde i IE og NS til min tilfredsstillelse...

Siden kan ses her:

http://www.lemans-venner.dk/new/

CSS: http://www.lemans-venner.dk/new/scheet.css
HTML: (Kan i ikke kigge i kilden)

Problemet er så at NS insistere at Indholdsboxen skal være 630 bred, jeg har prøvet flere ting, og troede jeg havde fundet fejlen, men nej...

Håber i kan hjælpe, for det er faktisk lidt iriterenden...

Siden er lavet i xHTML 1.0
Avatar billede cdc Novice
01. juli 2003 - 13:19 #1
nu er det jo stylet med 630 der hvor du skriver forside:

snippet fra din kode---->

<table cellspacing="0" cellpadding="0" style="width: 630px; border: 0px;">
  <tr>
    <td style="Width: 630px; Height: 24px;"><font style="font-size: 16px; font-weight: bold;">&nbsp;Forside</font></td>
  </tr>
  <tr>
    <td style="Width: 630px; Height: 3px; border-top: Solid 1px Black; background-color: #D2E4E0;"></td>
  </tr>
  <tr>
    <td style="Width: 630px; Height: 13px; border-top: Solid 1px Black; background-color: #2C4A4A; text-align: right;"><font style="font-size: 10px; font-weight: bold; Color: White;">Du er her: &nbsp;</font></td>
  </tr>
  <tr>
    <td style="Width: 630px; Height: auto; border-top: Solid 1px Black;">
      <table cellspacing="0" cellpadding="0" style="width: 630px; border: 0px;">
        <tr>
          <td colspan="3" style="Width: 630px; Height: 5px;"></td>
Avatar billede md_craig Nybegynder
01. juli 2003 - 13:25 #2
/cdc : Har jeg prøvet at fjerne, kan lige vise dig hvad der så sker...
Avatar billede md_craig Nybegynder
01. juli 2003 - 13:32 #3
Sådan... men det bliver det nemmelig bar væere af...
Avatar billede cdc Novice
01. juli 2003 - 13:34 #4
nu ser jeg den kun i IE, men så bare at de var der
Avatar billede md_craig Nybegynder
01. juli 2003 - 14:03 #5
Ja, så kan du ikke hjælpe så meget... for jeg har brug for hjælp fra en med NS... eller evt. en anden Gecko Browser...
Avatar billede knudgert Nybegynder
01. juli 2003 - 15:17 #6
I Mozilla 1.3 og i Opera 7.11 er den nøjagtig magen til IE 6 sp1
Avatar billede md_craig Nybegynder
01. juli 2003 - 15:20 #7
knudgert >>>

Og du har ikke lige Netscape navigator liggende ???

Men det er da positivs hvis den ser ud som den skal i Opera, for det er en af de browsere jeg altid har frygtet...

Kunne du tage nogle Screens af hvordan det ser ud ???
Avatar billede knudgert Nybegynder
01. juli 2003 - 15:27 #8
Iøvrigt skal det være valid xhtml så skal alle tags skrives med småt
<td style="Width: 629px; Height: 24px; border: 0px;"><font style="font-size: 16px; font-weight: bold;">&nbsp;Forside</font></td>
Ikke Width men width, Height = height osv.
Og lad vær med at bruge det forædede <font> sæt style på td, så ovennævnte bør være
<td style="width: 629px; height: 24px; border: 0px; font-size: 16px; font-weight: bold;">&nbsp;Forside</td>
Avatar billede roenving Novice
01. juli 2003 - 16:14 #10
-- og den kunne også forkortes lidt mere, hvis man ikke har brug for at aflæse font-værdierne:

<td style="width: 629px; height: 24px; border: 0px; font: 16px bold;">&nbsp;Forside</td>
Avatar billede md_craig Nybegynder
01. juli 2003 - 16:24 #11
Jeg kan se det er omkring overskriften, du blabre løs, og der kan jeg så informere om at jeg gerne holder textenst "style" uden for tabellen.. af visse årsager...
Avatar billede md_craig Nybegynder
01. juli 2003 - 16:26 #12
Det kan dog være jeg skulle bruge <Span> istedert for <Font> ??? det er jo en Inline Style Container ??? var det bedre/mere rigtigt at benytte den ???
Avatar billede roenving Novice
01. juli 2003 - 16:50 #13
Jeps, set på w3c:
FONT and BASEFONT are deprecated.

-- og præcis span er beregnet til det sammen med css ...
Avatar billede knudgert Nybegynder
02. juli 2003 - 02:08 #14
>md_craig
At validatoren godkender med store bogstaver er en fejl. Se http://www.w3.org/TR/xhtml1/#guidelines
4.2. Element and attribute names must be in lower case
XHTML documents must use lower case for all HTML element and attribute names. This difference is necessary because XML is case-sensitive e.g. <li> and <LI> are different tags.
Avatar billede md_craig Nybegynder
02. juli 2003 - 18:18 #15
knudgert >>>

Det er ikke en fejl... for hvad er står inden for "" er ikke HTML artributter, eller Elements... i dette tilfælde er der tale om Style comtainers, og der skal det bare valideres efter CSS regler...

FX:

Invalid:

<Span Style="Height: 10px;" ID="HEJ">

Valid

<span style="Height: 10px;" id="HEJ">


Det du hentyder til vil være det samme som at sige at dette er ukorekt:

<input type="buttom" value="Knap">
dette vil så skulle skrives:
<input type="buttom" value="knap">

Så man vil aldrig mere kunne skrive store bogstaver i sine knapper mm... det er jo ikke korekt..

når jeg skriver

<span style="Height: 100px;"></span>

så er elementerne som følger:

ELEMENT: span
ARTRIBUT: style
VÆRDI: Height: 100px;

Og værdierne er skam Case Sensitive, men du må godt bruge store bogstaver... fx hvis via en class i css vil nå en tabel, så vil følgende ikke virke:

.test

<table class="Test">

der skal stå class="test" med småt, fordi det er sådan vi har defineret det i vores CSS... men man kunne også bare

.Test

<table class="Test">

den vil virke...
Avatar billede md_craig Nybegynder
18. juli 2003 - 10:41 #16
Nå... men jeg lukker, og må leve med den lille fejl... ;o/
Avatar billede md_craig Nybegynder
18. juli 2003 - 10:41 #17
dohhh
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