Kandu.dk - flytter <div> men kun i firefox?!


/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg

Glemt dit kodeord?

Brugernavn*

Kodeord *

Husk mig

Brugerservice

Kom godt i gang

Bliv medlem

Seneste indlæg

Find en bruger

Stil et spørgsmål

Skriv et tip

Fortæl en ven

Pointsystemet

Kontakt Kandu.dk

Emnevisning

Kategorier

Alfabetisk

Karriere

Interesser

Teknologi

Reklame

Top 10 brugere

HTML

#	Navn	Point
1	molokyle	11184
2	Klaudi	5506
3	bentjuul	3377
4	severino	2040
5	smorch	1950
6	strarup	1525
7	natmaden	1396
8	scootergr..	1320
9	e.c	1150
10	miritdk	1110

flytter <div> men kun i firefox?!
Fra : undertegnede@gmail.c~

Dato : 21-03-08 16:35

Hej NG

Jeg er nybegynder med css men har til min store overraskelse alligevel
lavet følgende - som er som det skal se ud:

http://home6.inet.tele.dk/compuart/layout.html

Mit problem er at når jeg så sætter tekst ind med tekst rykker
det det hvide felt ned ad...

sådan: http://home6.inet.tele.dk/compuart/layout+tekst.html

...og det skal den helst ikke! Problemet er kun i firefox og ikke i
IE...

Min kode ser sådan ud:

p { color: rgb(12, 28, 61);
font-size: 10pt;
font-family: arial, sans-serif;
}

- skal der tilføjes noget?

Håber nogen kan hjælpe!

mvh

/morten

Erik Ginnerskov (22-03-2008)

Kommentar
Fra : Erik Ginnerskov

Dato : 22-03-08 00:10

undertegnede@gmail.com wrote:

> Mit problem er at når jeg så sætter tekst ind med tekst rykker
> det det hvide felt ned ad...

Hvis du starter med at indsætte en DocType, der ikke sætter IE i
quirks-mode, kan du fovente, at browserne opfører sig ens. I øjeblikket er
det kun i FF (og i Opera) siden tolkes korrekt.

Om Doctypes:

http://hjemmesideskolen.dk/html/elmnt/dtd.asp#ver

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

undertegnede@gmail.c~ (22-03-2008)

Kommentar
Fra : undertegnede@gmail.c~

Dato : 22-03-08 04:51

On 22 Mar., 00:09, "Erik Ginnerskov" <erik.ginners...@live.dk> wrote:
> undertegn...@gmail.com wrote:
> > Mit problem er at når jeg så sætter tekst ind med tekst rykker
> > det det hvide felt ned ad...
>
> Hvis du starter med at indsætte en DocType, der ikke sætter IE i
> quirks-mode, kan du fovente, at browserne opfører sig ens. I øjeblikket er
> det kun i FF (og i Opera) siden tolkes korrekt.

Tak for tippet. Det har dog ikke hjulpet mig. Jeg har prøvet med både
"DTD til html 4.01 transitional" og "DTD til html 4.01 strict" uden
det ændrer noget ved visningen i IE.

Iøvrigt er det ikke så meget det der er problemet: Det er visningen i
Firefox jeg gerne vil have ændret - så boksen står på samme højde som
de andre.

Håber meget I kan hjælpe med en løsning!

/morten

Erik Ginnerskov (22-03-2008)

Kommentar
Fra : Erik Ginnerskov

Dato : 22-03-08 12:50

undertegnede@gmail.com wrote:

> Tak for tippet. Det har dog ikke hjulpet mig. Jeg har prøvet med både
> "DTD til html 4.01 transitional" og "DTD til html 4.01 strict" uden
> det ændrer noget ved visningen i IE.

De sider, du har liggende på nettet, har stadig ukomplette DocTypes (uden
angivelse af url til dtd). Så IE er stadig i quirks-mode - bagudkompatibel
visningsmodel.

> Iøvrigt er det ikke så meget det der er problemet: Det er visningen i
> Firefox jeg gerne vil have ændret

Og det gør du ved først at sætte en korrekt Doctype som vist på den side,
jeg tidligere har henvist til. Derefter laver du siden så den ser rigtig ud
i FF. Efterfølgende er der sandsynligvis ikke (eller kun lidt) brug for
tilretning til IE.

IE's store eftergivenhed for fejl i kodeopbygning gør det upraktisk at bruge
IE som monitor. Brug derfor altid FF og ret til i IE i contitional comments
bagefter. IE-ændringer i conditional comments forstyrrer ikke visningen i
andre browsere:

http://hjemmesideskolen.dk/html/css2.asp?id=css8

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

Simon Hansen (22-03-2008)

Kommentar
Fra : Simon Hansen

Dato : 22-03-08 13:00

undertegnede@gmail.com skrev:
> On 22 Mar., 00:09, "Erik Ginnerskov" <erik.ginners...@live.dk> wrote:
>> undertegn...@gmail.com wrote:
>>> Mit problem er at når jeg så sætter tekst ind med tekst rykker
>>> det det hvide felt ned ad...
>> Hvis du starter med at indsætte en DocType, der ikke sætter IE i
>> quirks-mode, kan du fovente, at browserne opfører sig ens. I øjeblikket er
>> det kun i FF (og i Opera) siden tolkes korrekt.
>
> Tak for tippet. Det har dog ikke hjulpet mig. Jeg har prøvet med både
> "DTD til html 4.01 transitional" og "DTD til html 4.01 strict" uden
> det ændrer noget ved visningen i IE.
>
> Iøvrigt er det ikke så meget det der er problemet: Det er visningen i
> Firefox jeg gerne vil have ændret - så boksen står på samme højde som
> de andre.
>
> Håber meget I kan hjælpe med en løsning!
>
> /morten
>
Her får du så den doctype du skal bruge. bare copy/pase den ind i toppen
af dokumentet

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="da" lang="da">

Hilsen
Simon

Erik Ginnerskov (22-03-2008)

Kommentar
Fra : Erik Ginnerskov

Dato : 22-03-08 13:12

Simon Hansen wrote:

> Her får du så den doctype du skal bruge. bare copy/pase den ind i
> toppen af dokumentet

Nogen speciel grund til, at han _skal_ bruge lige den doctype?

Nedenstående DocType kan indsættes uden videre og siderne vil uden
yderligere ændringer validere (bortset fra den snotkode, tdc tillader sig at
sætte ind sidst på siden):

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>

Skal det være xhtml-dtd, skal der laves flere ændringer på siden end blot
indsættelse af den af dig foreslåede DTD.

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

Jørgen Farum Jensen (22-03-2008)

Kommentar
Fra : Jørgen Farum Jensen

Dato : 22-03-08 14:18

undertegnede@gmail.com skrev:
> On 22 Mar., 00:09, "Erik Ginnerskov" <erik.ginners...@live.dk> wrote:
>> undertegn...@gmail.com wrote:
>>> Mit problem er at når jeg så sætter tekst ind med tekst rykker
>>> det det hvide felt ned ad...
>> Hvis du starter med at indsætte en DocType, der ikke sætter IE i
>> quirks-mode, kan du fovente, at browserne opfører sig ens. I øjeblikket er
>> det kun i FF (og i Opera) siden tolkes korrekt.
>
> Tak for tippet. Det har dog ikke hjulpet mig. Jeg har prøvet med både
> "DTD til html 4.01 transitional" og "DTD til html 4.01 strict" uden
> det ændrer noget ved visningen i IE.
>
> Iøvrigt er det ikke så meget det der er problemet: Det er visningen i
> Firefox jeg gerne vil have ændret - så boksen står på samme højde som
> de andre.
>
> Håber meget I kan hjælpe med en løsning!
>
> /morten
>
p {margin:0 auto 0.5em auto; padding:0;} ?

--

Med venlig hilsen
Jørgen Farum Jensen
Håndbog i webdesign: http://webdesign101.dk/wwwbog/udgave2/
Webdesign med stylesheets: http://webdesign101.dk/cssbog/
..

N/A (22-03-2008)

Kommentar
Fra : N/A

Dato : 22-03-08 13:00

undertegnede@gmail.c~ (22-03-2008)

Kommentar
Fra : undertegnede@gmail.c~

Dato : 22-03-08 06:56

On 22 Mar., 13:11, "Erik Ginnerskov" <erik.ginners...@live.dk> wrote:
> Simon Hansen wrote:
> > Her får du så den doctype du skal bruge. bare copy/pase den ind i
> > toppen af dokumentet
>
> Nogen speciel grund til, at han _skal_ bruge lige den doctype?
>
> Nedenstående DocType kan indsættes uden videre og siderne vil uden
> yderligere ændringer validere (bortset fra den snotkode, tdc tillader sig at
> sætte ind sidst på siden):
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
> "http://www.w3.org/TR/html4/strict.dtd">
> <html>
>
> Skal det være xhtml-dtd, skal der laves flere ændringer på siden end blot
> indsættelse af den af dig foreslåede DTD.
>
> --
> Med venlig hilsen
> Erik Ginnerskovhttp://hjemmesideskolen.dk/-http://ginnerskov.dk/http://html-faq.dk

Tak for svarene og behjælpeligheden.

Jeg har ikke opdateret de to sider som jeg linkede til - men har sat
(en af) de rigtige doctypes ind i det jeg arbejder med.

Jeg tjekker altid både i FF (som jeg bruger til daglig) og i IE.
Grunden til at jeg undrede mig var bare at boksen netop rykker sig når
man tilføjer i den. Det giver vel ikke umiddelbart mening?!

Jeg har (ved "trial and error"!) fået den positionernet som den skal,
ved at definere placeringen absolut istedet for relativ.

Tak for svarene! - nu har jeg da lært lidt om doctypes!

/morten

Erik Ginnerskov (22-03-2008)

Kommentar
Fra : Erik Ginnerskov

Dato : 22-03-08 16:13

undertegnede@gmail.com wrote:

> Grunden til at jeg undrede mig var bare at boksen netop rykker sig når
> man tilføjer i den. Det giver vel ikke umiddelbart mening?!

Det er da ikke så mærkeligt. Et p-element har en default margin, som du så
har tilføjet ved at indsætte elementet. Det er så størrelsen på den margin,
der ikke er ens i de forskellige browsere i quirks-mode.

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

undertegnede@gmail.c~ (22-03-2008)

Kommentar
Fra : undertegnede@gmail.c~

Dato : 22-03-08 07:34

>
> p {margin:0 auto 0.5em auto; padding:0;} ?
>

Det virker! - tænkte nok det kun var en lille tilføjelse.
Tusind tak.

/morten

Søg

Reklame

Statistik

Spørgsmål :	177500
Tips :	31968
Nyheder :	719565
Indlæg :	6408518
Brugere :	218887

Månedens bedste

Årets bedste

Sidste års bedste