---

Jeg har et par spørgsmål om css og alignement.

1. Hvilken attribut bør man egentlig bruge til alignement af images i en
div i xhtml? Jeg har erfaret at det (i hvert fald i det tilfælde jeg har
prøvet) fungerer at bruge text-align, men det er vel næppe hensigten, da
man vel må formode at der er en grund til den hedder text-align?

2. Hvordan center-aligner man en div i en div?... specifikt vil jeg
gerne på min side center-aligne 2 div-bokse med en width på 130px hver,
i hver sin større div med en width på 150px.

Det var vist det jeg er i tvivl om pt.

link - http://www.gooferd.dk/test/index.html

Hvis mit spørgsmål nummer 2 fremkommer lidt uklart, så burde et hurtigt
visit til siden fjerne enhver tvivl; som det kan ses i sourcen på siden
er det boksene med div class "lefttop" og "leftbot" jeg mener. Der er 2
bokse i højre del af siden som også skal centreres, men det burde foregå
på samme måde.


På forhånd tak.

------
Anders

---

> 1. Hvilken attribut bør man egentlig bruge til alignement af images i en
> div i xhtml? Jeg har erfaret at det (i hvert fald i det tilfælde jeg har
> prøvet) fungerer at bruge text-align, men det er vel næppe hensigten, da
> man vel må formode at der er en grund til den hedder text-align?

- Du skal bruge text-align, denne kan bruges til alt indhold, selvom den
hedder text.


> 2. Hvordan center-aligner man en div i en div?... specifikt vil jeg
> gerne på min side center-aligne 2 div-bokse med en width på 130px hver,
> i hver sin større div med en width på 150px.

- Du laver bare en div med 150px i bredden og derefter en div indeni med
130px i bredden, og så aligener du til center =)

<div style="width:150px;text-align:center">
<div style="width:130px;">
Din tekst
</div>
</div>


> På forhånd tak.

Så lidt, håber du ka' bruge det =)



// Zigma


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

zigma.dk wrote:
> - Du skal bruge text-align, denne kan bruges til alt indhold, selvom den
> hedder text.

> - Du laver bare en div med 150px i bredden og derefter en div indeni med
> 130px i bredden, og så aligener du til center =)
>
> <div style="width:150px;text-align:center">
> <div style="width:130px;">
> Din tekst
> </div>
> </div>

Ja, det virker logisk, og dette var også den løsning jeg havde i
tankerne, men det er samtidigt grunden til jeg har lavet denne post. Når
jeg gør som du siger, sker der nemlig det at div-boksen bliver liggende
som den gjorde før (ikke centreret) mens teksten i boksen bliver
centreret. Dette fik mig naturligvis til at tænke at text-align jo nok
måtte være til tekst-brug og ikke så meget andet.. :)

---

"zigma.dk" <zigma@zigma.dk> skrev i en meddelelse
news:41f5f560$0$48328$14726298@news.sunsite.dk...
<Klip>

> - Du skal bruge text-align, denne kan bruges til alt indhold, selvom den
> hedder text.

Er det ikke - som med så meget andet - browserafhængigt? Jeg har fx.
centreret en <form> - som ligger i en <div> - med "text-align: center". Det
virker fint i IE, men i Mozilla rykker formen sig ikke en pixel...


Mvh.

Martin

---

On Tue, 25 Jan 2005 16:39:51 +0100, "Martin Nystrup Rasmussen"
<martinnystrupAThotmail.com> wrote:

>Er det ikke - som med så meget andet - browserafhængigt? Jeg har fx.
>centreret en <form> - som ligger i en <div> - med "text-align: center". Det
>virker fint i IE, men i Mozilla rykker formen sig ikke en pixel...

så prøv med:

margin-right: auto;
margin-left: auto;

Det burde virke i Mozilla

--
Thomas Jari
http://www.altwebdesign.dk

---

"Thomas" <jari@it.dk> skrev i en meddelelse
news:pgcdv0pto1hqsrjfp72vuvfdng4oha8p3o@4ax.com...
> On Tue, 25 Jan 2005 16:39:51 +0100, "Martin Nystrup Rasmussen"
> <martinnystrupAThotmail.com> wrote:
> så prøv med:
>
> margin-right: auto;
> margin-left: auto;
>
> Det burde virke i Mozilla

Hmm, det gør det bare ikke. Men jeg har sikkert skrevet noget
"uhensigtmæssigt" et andet sted i min kode.

http://www.cfcc.dk/Indmeldelse/indmeldelse.asp

Mvh.

Martin

---

Martin Nystrup Rasmussen skrev:

>> - Du skal bruge text-align, denne kan bruges til alt
>> indhold, selvom den hedder text.

Det formelt korrekte ligger midt i mellem: text-align virker på
inline-data (udover tekst gælder det bl.a. billeder) - men ikke på
blok-data (som fx en form).

> Er det ikke - som med så meget andet - browserafhængigt?

Standarden er ikke browserafhængig - men virkningen i de enkelte
browsere er selvfølgelig. Alle moderne browsere understøtter den
rigtige brug af text-align, men nogle (IE og browsere der
efterligner dens mærkværdigheder) vælger også at lade text-align
gælde for blok-elementer.

> Jeg har fx. centreret en <form> - som ligger i en <div> - med
> "text-align: center".

Som nævnt skal text-align ikke påvirke blok-elementers placering -
og da <form> er et blok-element, ligger forklaringen her.
Brug normal blok-centrering i stedet (se andetsteds i tråden).
--
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

---

On Tue, 25 Jan 2005 05:01:26 +0100, Anders <dont@mail.me> wrote:

>2. Hvordan center-aligner man en div i en div?... specifikt vil jeg
>gerne på min side center-aligne 2 div-bokse med en width på 130px hver,
>i hver sin større div med en width på 150px.

Prøv:

margin-right: auto;
margin-left: auto;

i div.lefttop, leftbot, fltop og flbot

se evt. test.altwebdesign.dk


--
Thomas Jari
http://www.altwebdesign.dk

---

On Tue, 25 Jan 2005 08:33:54 +0100, Thomas <jari@it.dk> wrote:


>Prøv:
>
>margin-right: auto;
>margin-left: auto;
>
>i div.lefttop, leftbot, fltop og flbot
>
>se evt. test.altwebdesign.dk

Du kan i øvrigt også bruge den på din container, for at centrere siden
i både IE og FF.

se http://test.altwebdesign.dk

--
Thomas Jari
http://www.altwebdesign.dk

---

Thomas wrote:
>>margin-right: auto;
>>margin-left: auto;

>>se evt. test.altwebdesign.dk

Mange tak skal du have Thomas, det virker præcis efter hensigten. :)

------
Anders