Søg
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 22:36 Der er 24 kommentarer og
2 løsninger

3 spm. vedr. IE og Mozilla.

1. Hvorfor viser IE 2 pixel's afstand mellem cellerne med koden:
style="border-collapse: separate; border-spacing: 1px;"

2. Hvorfor centrerer Mozilla ikke en tabel indeni én celle, hvis jeg i cellen skriver:
style="text-align: center;"

3. Hvorfor centrerer IE min baggrund og min tabel forskelligt.
Jeg har en baggrund som er 800px bred, den er centreret fint. Min tabel er også 800px bred, men de ligger ikke oveni hinanden?

Jeg vil selvfølgelig også meget gerne have løsningerne til, hvorledes jeg løser mine problemer :-)

P.S. De steder som IE driller, viser Mozilla det ordentligt og omvendt :-)
Avatar billede Slawomir Seniormester
28. juni 2004 - 22:37 #1
kigger med
Avatar billede skovenborg Nybegynder
28. juni 2004 - 22:45 #2
2:
text-align centrerer inline elementer, og virker derfor fx på tekst, men ikke på tabeller og blockelementer (som divs). Det virker godt nok i IE, men egentlig burde det ikke. I stedet skal man skrive:
<table style="width:800px;margin:0px auto">
Avatar billede roenving Novice
28. juni 2004 - 22:46 #3
1. Prøv at se her: http://blooberry.com/indexdot/css/properties/table/bspace.htm

-- iflg. ham kender IE slet ikke border-spacing ...

-- og man kunne måske overveje om ikke en spacing skulle være i begge sider !-)


2. IE fortolker fejlagtigt text-align, så den også påvirker block-level-elementer, så der må du bruge andre metoder, f.eks. margin:0px auto; som ikke virker i IE, men dur efter hensigten i Mozilla !o]

3. Jeg vil gætte på, at det har noget med en blind scrollbar at gøre, for passer det ikke med ca. ½ scrollbar-bredde ?-)
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 22:47 #4
Det er 2 pixel den placerer tabellen forkert :-(, mener en scroolbar er 16px.
Avatar billede skovenborg Nybegynder
28. juni 2004 - 22:48 #5
hvis du prøver at skrive:
<table style="border-collapse: separate; border-spacing: 2px;" border="1">
kan du også se at det ikke gør nogen forskel. Måske skulle du holde dig til cellspacing attributen
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 22:51 #6
Ok, nu er det kun IE som driller.

Det er centeringen af tabellen som er 2 pixel forkert.
Og border-spacing (vil helst ikke bruge cellspacing="1").

Desværre er IE jo brugt mest, så skal jo helst have det til at se ordentligt ud der :-(
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 22:52 #7
cellspacing="1" forstår Mozilla ikke :-(
Avatar billede skovenborg Nybegynder
28. juni 2004 - 22:54 #8
jo, det skulle den meget gerne kunne - måske skulle du først fjerne din style før du bruger den.
Avatar billede skovenborg Nybegynder
28. juni 2004 - 22:56 #9
hvorfor sætter du egentlig ikke bare baggrundsbilledet ind i tabellen nu når de alligevel skal stå oveni hinanden?
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 22:57 #10
Nu ser koden sådan ud for min tabel:

<table cellspacing="1" style="background-color: #FFFFFF;">
  <tr>
    <td style="background-color: #000000; height: 38px; width: 38px;"></td>
    <td style="background-color: #000000; height: 38px; width: 129px;"></td>
  </tr>
</table>

Der er kun mellemrum i IE?
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 22:57 #11
Fordi baggrundsbilledet skal gøre godt for at tabellen ikke kan være 100% høj :-)
Avatar billede roenving Novice
28. juni 2004 - 22:59 #12
Så læg en div udenom tabellen, og giv den baggrunden og centrer den i stedet !-)
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 23:01 #13
Kan en div være 100% høj, når en tabel ikke kan?
Avatar billede roenving Novice
28. juni 2004 - 23:08 #14
En tabel kan også være 100% høj, hvis man gør det via css, men det giver potentielle problemer med rækkehøjder !-)

Men hvis du vil have en div i 100% højde skriver du i din css:

html,body{height:100%;margin:0px;padding:0px;border:0px;}/*En god all-purpose-tilføjelse*/
#container{height:100%;background:url(ditBaggrundsbillede.gif) center top repeat-y;}
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 23:13 #15
kan man godt have

html, body { .. }

og desuden

body { noget ekstra }

så body står 2 steder?
Avatar billede roenving Novice
28. juni 2004 - 23:16 #16
Ja, lige så mange gange det skal være, du skal bare være opmærksom på, at hvis du bruger den samme property, vil den seneste overskrive en tidligere angivet !-)

-- og desuden kan man godt have flere sæt properties, som gælder for elementer, et element kan sågar have flere classes !-)
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 23:19 #17
Ok, det eneste der måske er mit problem nu er cellspacing i IE eller border-spacing i Mozilla.

Som sagt virker nedenstående kode kun i IE:

<table cellspacing="1" style="background-color: #FFFFFF;">
  <tr>
    <td style="background-color: #000000; height: 38px; width: 38px;"></td>
    <td style="background-color: #000000; height: 38px; width: 129px;"></td>
  </tr>
</table>
Avatar billede skovenborg Nybegynder
28. juni 2004 - 23:23 #18
jeg kan nu ikke se den store forskel på de to browsere - har du ikke en side man kan se det på...
Avatar billede skovenborg Nybegynder
28. juni 2004 - 23:24 #19
du kunne selvfølgelig også sætte begge to - hvis nu du ikke kan få cellspacing til at virke i mozilla, kan du bare tilføje border-spacing (hvilken IE jo ikke forstår)
Avatar billede roenving Novice
28. juni 2004 - 23:25 #20
Du vil have adskilte borders ?-)

Prøv så at bruge css-arv:

table.minTabel{
  background:#fff;
}

table.minTabel td{
  background:#fff;
  height:38px;
  margin:0 1px 0 0;
  border:1px solid red;
}

<table class="minTabel">
  <tr>
    <td style="width: 38px;">Noget</td>
    <td style="width: 129px;">Noget andet</td>
  </tr>
</table>
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 23:39 #21
Ahhh... troede der kom 2 pixel mellem kolonner, hvis man smækkede borders på cellerne :-D

roenvig og skovenborg, laver i ikke et svar hver?
Avatar billede roenving Novice
28. juni 2004 - 23:40 #22
Velbekomme '-)
Avatar billede skovenborg Nybegynder
28. juni 2004 - 23:41 #23
og velbekomme herfra :-)
Avatar billede wampiro-uha Nybegynder
28. juni 2004 - 23:41 #24
Så siger jeg mange mange gange tak ;-)
Avatar billede skovenborg Nybegynder
28. juni 2004 - 23:42 #25
og tak for points :-)
Avatar billede roenving Novice
28. juni 2004 - 23:43 #26
-- og også tak herfra ;~}
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 dag 20:07 Libra Office 26.2.5.2 - Er sort - Kan an ændre til lysere baggrund ? (Windows 11) Af Ikke-ekspert i Office & Kontorpakker
I dag 11:24 Hvor kan jeg finde hjælp til at flytte fra min gamle Samsung Flip4 til min nye Samsung Galaxy S24 Af vbr i Apps til Android
I dag 11:16 problem med mailbesked Af Pestilensen i Excel
I dag 10:45 Powerbank Af postpeter@outlook.dk i Fri debat
22/0821:38 webui_forge_cu121_torch231 med AMD Grafikkort. Af jonpet i Andet software
White papers
Flere white papers »