|
| 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
| |
|
|