---

Jeg er blevet omvendt! Aldrig mere tabeller!

I http://www.gothahus.dk/sguret/billeder/billede_1.php kan jeg centrere
billedet vandret, men hvordan får jeg billedet centreret lodret i
http://www.gothahus.dk/sguret/billeder/billede_2.php ?

Min *.css ser sådan ud:

#1_billede{
position: absolute;
left: 223px;
width: 764px;
top: 31px;
height: 508px;
vertical-align: middle;
}
Men billedet bliver altså hængende øverst?!

/Claus

---

Hej Claus.
"Claus Sørensen" <cs@gothahus.dk> skrev i en meddelelse
news:41b3b53b$0$70288$edfadb0f@dread15.news.tele.dk...
> Jeg er blevet omvendt! Aldrig mere tabeller!
>

Så mangler du bare at sige, aldrig mere Firefox. Den viser nemlig kun en
sort side. Mvh Knud

---

ØV! Så må jeg jo til at rette det, så den osse virker Firefox Hvordan?
Men hvor mange bruger egentlig den?
Og hvordan centrerer jeg billedet lodret?
/Claus

"from south" <and@mand.invalid> skrev i en meddelelse
news:41b482fa$0$183$edfadb0f@dread11.news.tele.dk...
> Hej Claus.
> "Claus Sørensen" <cs@gothahus.dk> skrev i en meddelelse
> news:41b3b53b$0$70288$edfadb0f@dread15.news.tele.dk...
>> Jeg er blevet omvendt! Aldrig mere tabeller!
>>
>
> Så mangler du bare at sige, aldrig mere Firefox. Den viser nemlig kun en
> sort side. Mvh Knud

---

Claus Sørensen skrev:

>ØV! Så må jeg jo til at rette det, så den osse virker Firefox Hvordan?

Jeg har ikke nærlæst din kode, men jeg konstaterede at den ikke
validerer. Start med at sørge for det.

http://validator.w3.org/

>Men hvor mange bruger egentlig den?

Hvis den ikke virker, er der fejl i koden. Så ved man at det er
usikkert om andre eller fremtidige browsere tolker siden korrekt.

--
Bertel
http://bertel.lundhansen.dk/   FIDUSO: http://fiduso.dk/

---

Jeps! Så validerer den!

Men hvordan får jeg billedet centreret lodret i boksen?
http://www.gothahus.dk/sguret/billeder/billede_2.php

/Claus

"Bertel Lund Hansen" <nospamius@lundhansen.dk> skrev i en meddelelse
news:an69r0pcj1jr3lmfnum42vn75sm1ovr8d3@news.stofanet.dk...
> Claus Sørensen skrev:
>
>>ØV! Så må jeg jo til at rette det, så den osse virker Firefox Hvordan?
>
> Jeg har ikke nærlæst din kode, men jeg konstaterede at den ikke
> validerer. Start med at sørge for det.
>
> http://validator.w3.org/
>
>>Men hvor mange bruger egentlig den?
>
> Hvis den ikke virker, er der fejl i koden. Så ved man at det er
> usikkert om andre eller fremtidige browsere tolker siden korrekt.
>
> --
> Bertel
> http://bertel.lundhansen.dk/ FIDUSO: http://fiduso.dk/

---

OK! Nu har jeg hentet Firefox og valideret siden!
Alt virker ...
.... undtagen,at jeg ikke kan finde ud af at centrere billedet lodret i:
http://www.gothahus.dk/sguret/billeder/billede_2.php

/Claus
PS! Firesfox virker umiddelbart meget fedt.Det glæder jeg mig til at lære
bedre at kende

"from south" <and@mand.invalid> skrev i en meddelelse
news:41b482fa$0$183$edfadb0f@dread11.news.tele.dk...
> Hej Claus.
> "Claus Sørensen" <cs@gothahus.dk> skrev i en meddelelse
> news:41b3b53b$0$70288$edfadb0f@dread15.news.tele.dk...
>> Jeg er blevet omvendt! Aldrig mere tabeller!
>>
>
> Så mangler du bare at sige, aldrig mere Firefox. Den viser nemlig kun en
> sort side. Mvh Knud

---

Claus Sørensen wrote:

> Alt virker ...
> ... undtagen,at jeg ikke kan finde ud af at centrere billedet lodret
> i: http://www.gothahus.dk/sguret/billeder/billede_2.php

Her kan du se en side, hvor noget er centrert vandret:

http://www.hjemmesideskolen.dk/html/flyd.asp#neg

Du kan bruge præcis samme teknik (drejet 90 grader) til lodret centrering,
hvis du kender den eksakte højde på det, der skal centreres.

#billede {
position:absolute;
top:50%;
height:350px;
margin-top:-175px;
}

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

---

Tak!
Men vil det så sige, at jeg ikke kan lave én boks, der virker til
forskellige billeder med forskellige højder?
Altså svarende til vandret centrering ...
/Claus

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en meddelelse
news:41b61a62$0$66398$14726298@news.sunsite.dk...
> Claus Sørensen wrote:
>
>> Alt virker ...
>> ... undtagen,at jeg ikke kan finde ud af at centrere billedet lodret
>> i: http://www.gothahus.dk/sguret/billeder/billede_2.php
>
> Her kan du se en side, hvor noget er centrert vandret:
>
> http://www.hjemmesideskolen.dk/html/flyd.asp#neg
>
> Du kan bruge præcis samme teknik (drejet 90 grader) til lodret centrering,
> hvis du kender den eksakte højde på det, der skal centreres.
>
> #billede {
> position:absolute;
> top:50%;
> height:350px;
> margin-top:-175px;
> }
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://ginnerskov.frac.dk
>
>

---

Claus Sørensen wrote:
> Tak!
> Men vil det så sige, at jeg ikke kan lave én boks, der virker til
> forskellige billeder med forskellige højder?
> Altså svarende til vandret centrering ...

Den viste kode - eller den tilsvarende for vandret centrering - kan kun
bruges, hvis man ikke varierer størrelserne på de elementer, der skal
centreres.

#billede {
position:absolute;
top:50%;
height:350px;
margin-top:-175px;
}

Skal du centrere noget vandret og kunne ændre løbende på bredderne, skal du
bruge

http://www.hjemmesideskolen.dk/html/flyd.asp#fast eller
http://www.hjemmesideskolen.dk/html/flyd.asp#pct

Men det kan du ikke bruge til lodret centrering. Det er lige som at skulle
vælge mellem pest og kolera - enten skal alle billeder være lige høje eller
også kan du ikke få dem alle sammen centreret lige præcist.

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

---

Jeg takker - og vælger pest eller kolera

/Claus

"Erik Ginnerskov" <erik@donotspammmeplease.invalid> skrev i en meddelelse
news:41b64789$0$66407$14726298@news.sunsite.dk...
> Claus Sørensen wrote:
>> Tak!
>> Men vil det så sige, at jeg ikke kan lave én boks, der virker til
>> forskellige billeder med forskellige højder?
>> Altså svarende til vandret centrering ...
>
> Den viste kode - eller den tilsvarende for vandret centrering - kan kun
> bruges, hvis man ikke varierer størrelserne på de elementer, der skal
> centreres.
>
> #billede {
> position:absolute;
> top:50%;
> height:350px;
> margin-top:-175px;
> }
>
> Skal du centrere noget vandret og kunne ændre løbende på bredderne, skal
> du
> bruge
>
> http://www.hjemmesideskolen.dk/html/flyd.asp#fast eller
> http://www.hjemmesideskolen.dk/html/flyd.asp#pct
>
> Men det kan du ikke bruge til lodret centrering. Det er lige som at skulle
> vælge mellem pest og kolera - enten skal alle billeder være lige høje
> eller
> også kan du ikke få dem alle sammen centreret lige præcist.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://ginnerskov.frac.dk
>
>