/ 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
Q: Centrering af billed
Fra : René Jensen


Dato : 28-03-05 18:58

Til en intro-side til hovedsitet skal der centreres et billed på midten,
men hvordan får højden til at fylde hele browser vinduet vha. CSS?
Jeg har brugt følgende klasse:

..intro {
text-align: center;
width: -100%;
}

Endvidere skal HTML-koden stemme overens med HTML 4.01 Transitional
standarden. Ved at sætte height til 100% giver intet resultat hverken i
Mozilla eller IE.

Med venlig hilsen,
René Jensen

 
 
Knud Gert Ellentoft (28-03-2005)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 28-03-05 20:09

René Jensen skrev:

>.intro {
> text-align: center;
> width: -100%;
>}
>
>Endvidere skal HTML-koden stemme overens med HTML 4.01 Transitional
>standarden. Ved at sætte height til 100% giver intet resultat hverken i
>Mozilla eller IE.

Tjah, hvis du bruger -100%, så kan jeg forestille mig, at man
ikke kan se billedet, det skal vel blot være 100%.

Ellers vil jeg anbefale at man til angivelse af størrelser på
billeder holder sig til at angive det på den gammeldags måde,
skrive det i htmltags, det er fuldt valid.

<img src="billede.png" height="100%" width="300" alt="alttekst">
--
Knud
Topposter du svar, så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html

René Jensen (28-03-2005)
Kommentar
Fra : René Jensen


Dato : 28-03-05 22:03

Knud Gert Ellentoft wrote:
> Tjah, hvis du bruger -100%, så kan jeg forestille mig, at man
> ikke kan se billedet, det skal vel blot være 100%.
>
> Ellers vil jeg anbefale at man til angivelse af størrelser på
> billeder holder sig til at angive det på den gammeldags måde,
> skrive det i htmltags, det er fuldt valid.
>
> <img src="billede.png" height="100%" width="300" alt="alttekst">

Det var nu mere selve containeren jeg har brugt klassen på. Skulle måske
lige havde pastet HTML'en imellem <body>-tags'ene. Men de er her:

<div class="intro"><img alt="" src="resources/images/intro.gif"></div>

Det er hvad der er. Grunden til at jeg benytter -100% er at i IE er 100%
et par pixels bredere end client-width, så man får en vertikal-scrollbar
i bunden, og det skal der ikke være. Prøv selv og tjek efter. I Mozilla
virker det fint nok med 100%.

Med venlig hilsen,
René Jensen

Allan Vebel (29-03-2005)
Kommentar
Fra : Allan Vebel


Dato : 29-03-05 01:32

René Jensen <not4u2know@privacy.org> skrev:

> vertikal-scrollbar i bunden, og det skal der ikke være. Prøv
> selv og tjek efter.

Giv et link til siden - så er det meget nemmere for andre at
checke!

--
Allan Vebel
http://html-faq.dk



René Jensen (29-03-2005)
Kommentar
Fra : René Jensen


Dato : 29-03-05 12:39

Allan Vebel wrote:
> Giv et link til siden - så er det meget nemmere for andre at
> checke!

Ikke mulig da den ligger på en intern server, men det burde ikke være
noget problem da jeg har postet alt CSS og HTML kode der er på siden.

Med venlig hilsen,
René Jensen

Jens Gyldenkærne Cla~ (29-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 29-03-05 13:31

René Jensen skrev:

> Ikke mulig da den ligger på en intern server,

Så find en ekstern server og læg en kopi op der.

> men det burde ikke være noget problem da jeg har postet alt CSS og
> HTML kode der er på siden.

Det er et problem. Dels fordi det tager ekstra tid hvis man selv skal
"samle" din kode så man kan se den igennem. Dels fordi du ikke har vist
den fulde side (man kan fx ikke se hvilken doctype-erklæring du
benytter).

--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

René Jensen (29-03-2005)
Kommentar
Fra : René Jensen


Dato : 29-03-05 17:30

Jens Gyldenkærne Clausen wrote:
> Det er et problem. Dels fordi det tager ekstra tid hvis man selv skal
> "samle" din kode så man kan se den igennem. Dels fordi du ikke har vist
> den fulde side (man kan fx ikke se hvilken doctype-erklæring du
> benytter).

Jeg kan ikke se hvad forskel det skulle gøre at kunne se HTML
dokumentets doctype, anyways - nedenstående er alt hvad der er på siden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
   <meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
   <meta name="robots" content="index,nofollow">
   <style type="text/css">
      .intro {
         text-align: center;
         vertical-align: middle;
         width: -100%;
      }
   </style>
   <title>default.html</title>
</head>
<body>

<div class="intro">
   <img alt="" src="resources/images/intro.jpg">
</div>

</body>
</html>

Spørgsmålet er igen: Hvordan får jeg vertikalt centreret billed?

Med venlig hilsen,
René Jensen

Erik Ginnerskov (29-03-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 29-03-05 22:40

René Jensen wrote:

> Jeg kan ikke se hvad forskel det skulle gøre at kunne se HTML
> dokumentets doctype,

Det har den betydning, at en ufuldstændig DTD (uden url) vil sætte IE i
quirks-mode, hvilket har indflydelse på, hvordan browseren vælger at gengive
din side.

> Spørgsmålet er igen: Hvordan får jeg vertikalt centreret billed?

Det spørgsmål fik en anden svar på for et par dage siden. Prøv selv at kigge
efter, jeg kan ikke lige finde det.

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



Jens Gyldenkærne Cla~ (29-03-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 29-03-05 22:23

René Jensen skrev:

> Jeg kan ikke se hvad forskel det skulle gøre at kunne se HTML
> dokumentets doctype,

I gamle dage gjorde det ingen forskel. I nye browsere kan det til
gengæld gøre en ret stor forskel - på grund af doctypekontakten
(doctype switch).

Se evt. <http://www.hintzmann.dk/articles/doctype/>,
<http://www.html.dk/artikler/00036/> og
<http://gutfeldt.ch/matthias/articles/doctypeswitch.html>.

> anyways - nedenstående er alt hvad der er på siden:

Når hele kildekoden gengives i et usenetindlæg, er problemet med
doctypekontakten godt nok væk - men det er stadig besværligt at
afprøve siden.

Jeg vil gerne kigge på siden hvis den bliver lagt op et offentligt
sted - eller ikke.
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

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

Månedens bedste
Årets bedste
Sidste års bedste