/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Firefox og divs
Fra : Christi@n Hjort


Dato : 16-05-05 11:34

Hej NG! Jeg er igang med et community, og jeg vil helt undgå brugen af
tabeller. Jeg har en del af sitet der viser brugerens profiler. Den del
er ligesom 'delt' via divs. I IE (6) ser det ud som jeg ønsker det
(designet er kun i beta version, og farvevalget er ikke det smukkeste,
men det fremgår tydeligt i IE hvordan det skal se ud.). I Firefox er
det noget helt andet, det ser simpelt hen grufuldt ud.

Jeg ved I ikke ønsker at se tonsvis af kode pastet her, så I får et
link i stedet

http://nyhederne.frac.dk/?p=brugere/se.php&id=1

Det hele validerer naturligvis!

På forhånd tak,
Christian Hjort


 
 
Ryan Kristensen (16-05-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 16-05-05 12:25

On Mon, 16 May 2005 12:34:01 +0200, Christi@n Hjort
<christian.hjort@gmail.com> wrote:

> Hej NG! Jeg er igang med et community, og jeg vil helt undgå brugen af
> tabeller. Jeg har en del af sitet der viser brugerens profiler. Den del
> er ligesom 'delt' via divs. I IE (6) ser det ud som jeg ønsker det
> (designet er kun i beta version, og farvevalget er ikke det smukkeste,
> men det fremgår tydeligt i IE hvordan det skal se ud.). I Firefox er
> det noget helt andet, det ser simpelt hen grufuldt ud.

Når du bruger float, skal du huske at angive en bredde.
Derudover kan du måske også få brug for clearfix:
<url:http://www.hjemmesideskolen.dk/html/testsider/float.asp>

--
Ryan Kristensen

Christian Hjort (16-05-2005)
Kommentar
Fra : Christian Hjort


Dato : 16-05-05 12:36

Ryan Kristensen wrote in dk.edb.internet.webdesign.html:
> On Mon, 16 May 2005 12:34:01 +0200, Christi@n Hjort
> <christian.hjort@gmail.com> wrote:
>
> > Hej NG! Jeg er igang med et community, og jeg vil helt undgå brugen af
> > tabeller. Jeg har en del af sitet der viser brugerens profiler. Den del
> > er ligesom 'delt' via divs. I IE (6) ser det ud som jeg ønsker det
> > (designet er kun i beta version, og farvevalget er ikke det smukkeste,
> > men det fremgår tydeligt i IE hvordan det skal se ud.). I Firefox er
> > det noget helt andet, det ser simpelt hen grufuldt ud.
>
> Når du bruger float, skal du huske at angive en bredde.
> Derudover kan du måske også få brug for clearfix:

Jeg takker, men nu er der et nyt problem. I IE ser det fint ud, men
indholds div'en udvider sig efter behov, men gør den ikke i firefox. Altså
den div med gæstebogen i strækker ned i ingenting i firefox, men ikke i IE.
Hvorfor?



--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Ryan Kristensen (16-05-2005)
Kommentar
Fra : Ryan Kristensen


Dato : 16-05-05 13:32

On Mon, 16 May 2005 13:36:08 +0200, Christian Hjort
<SphinX@mail-online.dk> wrote:

> Jeg takker, men nu er der et nyt problem. I IE ser det fint ud, men
> indholds div'en udvider sig efter behov, men gør den ikke i firefox.
> Altså
> den div med gæstebogen i strækker ned i ingenting i firefox, men ikke i
> IE.
> Hvorfor?

Fordi IE ikke kan finde ud af, at overholde den højde du har specificeret.
Hvis du vil have, at div'en skal udvide sig efter behov, så er der vel
ikke nogen grund til at angive en højde.

--
Ryan Kristensen

Lasse Reichstein Nie~ (16-05-2005)
Kommentar
Fra : Lasse Reichstein Nie~


Dato : 16-05-05 12:44

"Christi@n Hjort" <christian.hjort@gmail.com> writes:
....
> og jeg vil helt undgå brugen af tabeller.

Hvorfor det?
Det er rigtigt at man ikke skal bruge tabeller til at lave layout med
(det ender oftest endda med tabeller i tabellere i ...)

Men til tabulære data, så er tabellen det helt rigtige at bruge.
It fif til at finde ud af om man viser tabulære data er, at hvis
man meningsfuldt kan bytte om på rækker og søjler, så er det nok
en tabel.

> Jeg har en del af sitet der viser brugerens profiler. Den del er
> ligesom 'delt' via divs. I IE (6) ser det ud som jeg ønsker det
> (designet er kun i beta version, og farvevalget er ikke det
> smukkeste, men det fremgår tydeligt i IE hvordan det skal se ud.).

Siden har problemer hvis browseren er mindre end ca. 800 pixels bred.
Så begynder ting at overlappe. Her skulle der nok noget "min-width"
til (understøtter IE det endnu?).

> I Firefox er det noget helt andet, det ser simpelt hen grufuldt ud.

Den er magen til i Opera. Du kan nok godt regne med at de har ret og
IE tager fejl, hvor lidt det så end hjælper dig. :)

> Jeg ved I ikke ønsker at se tonsvis af kode pastet her, så I får et
> link i stedet

Gody valg!

> http://nyhederne.frac.dk/?p=brugere/se.php&id=1

Du bruger XHTML i siden, men sender det med ContentType'en "text/html"
(og ikke "application/xml+xhtml", som man bør).
Der er der som sådan ikke nogen grund til at bruge XHTML før IE
begynder at forstå det. Som det er nu, så behandler IE det bare som
fejlfyldt HTML. Det gør måske ikke noget, men det kan give problemer
hvis andre browsere gør andre ting for XHTML end IE gør for HTML.

Du sætter din font-størrelse på body (font-size: 0.7em;). Det er lidt
småt. Man må forvente at brugeren har indstillet browseren til at
brødtekst har den størrelse han ønsker den skal have. Så er 70% af det
ikke særlig meget.
Og så virker det ikke i min browser, da jeg har
.body { font-size: 100% !important; }
i mit user-stylesheet :) Den slags skal man også være forberedt på.

Din #profilleft har ikke en bredde angivet. Det skal man, når man laver
den float. Ellers er det op til browseren at finde ud af hvad man måske
mente, og de er ikke altid enige.

På den anden side har #profilleftop og #profilletftekst en bredde på 32%
af ... netop den #profilleft der ikke har en bredde angivet. Giv i stedet
disse to en bredde på 100% og sæt de 32% op på #profilleft.

Du mangler nok en <div style="clear:both"></div> i bunden af #i, det
vil garantere at feltet når ned under gæstebogs-feltet.

Ikke testet i IE, kun Opera.

> Det hele validerer naturligvis!

Ikke style-sheetet.

<URL:http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fnyhederne.frac.dk%2Fincs%2Fstyle.css&warning=1&profile=css2&usermedium=all>

Du har en linje der begynder med ".50". Selvom "50" er et gyldigt
klassenavn, så er det ikke en gyldig CSS-selektor. Der skal du skrive
".\50". Eller kald den noget mere normalt, som "w50" (fordi den har
bredde 100px? :).

Held og lykke.
/L
--
Lasse Reichstein Nielsen - lrn@hotpop.com
DHTML Death Colors: <URL:http://www.infimum.dk/HTML/rasterTriangleDOM.html>
'Faith without judgement merely degrades the spirit divine.'

Erik Ginnerskov (16-05-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 16-05-05 13:19

Lasse Reichstein Nielsen wrote:

> Her skulle der nok noget "min-width" til (understøtter IE det endnu?).

Ikke umiddelbart, men det kan da lade sig gøre at få det til at se ud som
om:

http://hjemmesideskolen.dk/html/testsider/minwidth.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk/



Christi@n Hjort (16-05-2005)
Kommentar
Fra : Christi@n Hjort


Dato : 16-05-05 14:20

Hvorfor det?
Det er rigtigt at man ikke skal bruge tabeller til at lave layout med
(det ender oftest endda med tabeller i tabellere i ...)

Men til tabulære data, så er tabellen det helt rigtige at bruge.
It fif til at finde ud af om man viser tabulære data er, at hvis
man meningsfuldt kan bytte om på rækker og søjler, så er det nok
en tabel.

Jeg fik vidst ikke helt forklaret det tydeligt. Jeg benytter tabeller
til forms, og muligvis også et forum jeg skal lave, men ikke til
sideopbygning. Beklager jeg fik formuleret mig så dårligt


> Siden har problemer hvis browseren er mindre end ca. 800 pixels bred.

> Så begynder ting at overlappe. Her skulle der nok noget "min-width"
> til (understøtter IE det endnu?).

Jeg er godt klar over det. Det er inputs'ne (login-boksen) der laver
fejlen, men kan ikke lige finde på noget bedre lige nu, da inputs ikke
kan laves i %.

> Den er magen til i Opera. Du kan nok godt regne med at de har ret og
> IE tager fejl, hvor lidt det så end hjælper dig. :)

Tja, hvornår tager IE ikke fejl?
Men det er jo smartest hvis det virker i alle browsere


> Du bruger XHTML i siden, men sender det med ContentType'en
"text/html"
> (og ikke "application/xml+xhtml", som man bør).
> Der er der som sådan ikke nogen grund til at bruge XHTML før IE
> begynder at forstå det. Som det er nu, så behandler IE det bare som

> fejlfyldt HTML. Det gør måske ikke noget, men det kan give
problemer
> hvis andre browsere gør andre ting for XHTML end IE gør for HTML.

Tja, men jeg har bare fået tæsket det ind i hovedet på de
forskellige webdesign sider at XHTML er det bedste. Om dette så er
rigtigt eller forkert ved jeg ikke, men så længe min side ses
ordentligt i gængse browsere er jeg egentlig lidt ligeglad med
doctypen


Din #profilleft har ikke en bredde angivet. Det skal man, når man
laver
den float. Ellers er det op til browseren at finde ud af hvad man
måske
mente, og de er ikke altid enige.


På den anden side har #profilleftop og #profilletftekst en bredde på
32%
af ... netop den #profilleft der ikke har en bredde angivet. Giv i
stedet
disse to en bredde på 100% og sæt de 32% op på #profilleft.


Du mangler nok en <div style="clear:both"></div> i bunden af #i, det
vil garantere at feltet når ned under gæstebogs-feltet.

Dette er nu alt sammen rettet! Tusind tak for din STORE hjælp!

Lasse Reichstein Nielsen May 16, 7:44 am show options

Newsgroups: dk.edb.internet.webdesign.html
From: Lasse Reichstein Nielsen <l...@hotpop.com> - Find messages by
this author
Date: Mon, 16 May 2005 13:44:14 +0200
Local: Mon,May 16 2005 7:44 am
Subject: Re: Firefox og divs
Reply | Reply to Author | Forward | Print | Individual Message | Show
original | Report Abuse


"Christi@n Hjort" <christian.hj...@gmail.com> writes:


....


> og jeg vil helt undgå brugen af tabeller.


Hvorfor det?
Det er rigtigt at man ikke skal bruge tabeller til at lave layout med
(det ender oftest endda med tabeller i tabellere i ...)

Men til tabulære data, så er tabellen det helt rigtige at bruge.
It fif til at finde ud af om man viser tabulære data er, at hvis
man meningsfuldt kan bytte om på rækker og søjler, så er det nok
en tabel.



> Jeg har en del af sitet der viser brugerens profiler. Den del er
> ligesom 'delt' via divs. I IE (6) ser det ud som jeg ønsker det
> (designet er kun i beta version, og farvevalget er ikke det
> smukkeste, men det fremgår tydeligt i IE hvordan det skal se ud.).


Siden har problemer hvis browseren er mindre end ca. 800 pixels bred.
Så begynder ting at overlappe. Her skulle der nok noget "min-width"
til (understøtter IE det endnu?).


> I Firefox er det noget helt andet, det ser simpelt hen grufuldt ud.


Den er magen til i Opera. Du kan nok godt regne med at de har ret og
IE tager fejl, hvor lidt det så end hjælper dig. :)


> Jeg ved I ikke ønsker at se tonsvis af kode pastet her, så I får
et
> link i stedet


Gody valg!


> http://nyhederne.frac.dk/?p=br­ugere/se.php&id=1


Du bruger XHTML i siden, men sender det med ContentType'en "text/html"
(og ikke "application/xml+xhtml", som man bør).
Der er der som sådan ikke nogen grund til at bruge XHTML før IE
begynder at forstå det. Som det er nu, så behandler IE det bare som
fejlfyldt HTML. Det gør måske ikke noget, men det kan give problemer
hvis andre browsere gør andre ting for XHTML end IE gør for HTML.

Du sætter din font-størrelse på body (font-size: 0.7em;). Det er
lidt
småt. Man må forvente at brugeren har indstillet browseren til at
brødtekst har den størrelse han ønsker den skal have. Så er 70% af
det
ikke særlig meget.
Og så virker det ikke i min browser, da jeg har
.body { font-size: 100% !important; }
i mit user-stylesheet :) Den slags skal man også være forberedt på.


Din #profilleft har ikke en bredde angivet. Det skal man, når man
laver
den float. Ellers er det op til browseren at finde ud af hvad man
måske
mente, og de er ikke altid enige.


På den anden side har #profilleftop og #profilletftekst en bredde på
32%
af ... netop den #profilleft der ikke har en bredde angivet. Giv i
stedet
disse to en bredde på 100% og sæt de 32% op på #profilleft.


Du mangler nok en <div style="clear:both"></div> i bunden af #i, det
vil garantere at feltet når ned under gæstebogs-feltet.


Ikke testet i IE, kun Opera.



> Det hele validerer naturligvis!

Ikke style-sheetet.

Uuups! Så må jeg jo æde min ord i mig igen

<URL:http://jigsaw.w3.org/css-valid­ator/validator?uri=http%3A%2F%­2Fnyheder...>


Du har en linje der begynder med ".50". Selvom "50" er et gyldigt
klassenavn, så er det ikke en gyldig CSS-selektor. Der skal du skrive
".\50". Eller kald den noget mere normalt, som "w50" (fordi den har
bredde 100px? :).

Er rettet nu Tak fordi du gjorde mig opmærksom på det!

Go' pinse!


Søg
Reklame
Statistik
Spørgsmål : 177559
Tips : 31968
Nyheder : 719565
Indlæg : 6408934
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste