/ 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
HTML5 indsætter ekstra margin
Fra : Kim Ludvigsen


Dato : 23-01-11 05:49

Jeg kæmper med en ekstra bundmargin på 3px i HTML5, den
samme kode virker fint med <!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">.

Alle marginer og padding er nultillet, og såmænd også border
og outline bare for at være på den sikre side, men lige lidt
hjælper det. Nogen, der kan fortælle, hvad der går galt, og
hvordan jeg kan få det til at virke uden at angive en
negativ bundmargin?

Prøvesider med henholdsvis HTML5 og HTML4 Transitional:
http://kimludvigsen.dk/projekter/test1.php
http://kimludvigsen.dk/projekter/test2.php

Jeg har testet i Firefox, Chrome, IE 8 og Opera, samme
opførsel i dem alle. Eneste ændring på de to sider er
udskiftning af doctype samt tegnsætskode (for at undgå
valideringsfejl på test2.php).

--
Mvh. Kim Ludvigsen
Gør din hjemmeside mere intelligent, begynderguide om PHP:
http://kimludvigsen.dk/programmer-internet-kompozer-trin-php.php

 
 
scootergrisen (23-01-2011)
Kommentar
Fra : scootergrisen


Dato : 23-01-11 06:55

img{
display:block; /* fjerner bund margin */
margin:auto; /* centrer */
}

Kim Ludvigsen (23-01-2011)
Kommentar
Fra : Kim Ludvigsen


Dato : 23-01-11 07:45

scootergrisen skrev:
> img{
> display:block; /* fjerner bund margin */
> margin:auto; /* centrer */
> }

Ja, det virker. Nogen der ved hvorfor, og om der er
bivirkninger ved det? Umiddelbart ser der ikke ud til at
være bivirkninger.

--
Mvh. Kim Ludvigsen
Tips til hjemmesidesnedkeren:
http://kimludvigsen.dk/tips-internet-websnedker-multimedia.php

scootergrisen (23-01-2011)
Kommentar
Fra : scootergrisen


Dato : 23-01-11 09:02

Den 23-01-2011 07:45, Kim Ludvigsen skrev:
> scootergrisen skrev:
>> img{
>> display:block; /* fjerner bund margin */
>> margin:auto; /* centrer */
>> }
>
> Ja, det virker. Nogen der ved hvorfor, og om der er bivirkninger ved
> det? Umiddelbart ser der ikke ud til at være bivirkninger.
>

Det er fordi <img> er inline som standard ligesom tekst.

Hvis du skriver abc så står de på en fiktiv linie.
Skriver du yjq så vil den nederste del af bogstaverne gå under den
fiktive linie.

Jo større font du bruger du større margin vil der være:
http://www.scootergrisen.dk/test/test0046.html

Man kunne også bruge vertical-align:bottom; på billedet

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

Månedens bedste
Årets bedste
Sidste års bedste