/ 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
<p> 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 <p>tekst </p> 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 <p> 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 <p>tekst </p> 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 <p>tekst </p> 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 <p>tekst </p> 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 <p>tekst </p> 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 <p></p> 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 <p></p> 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 : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste