---

Hej,

Jeg indser, at dette er et ofte stillet spørgsmål...
Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
umiddelbart finde et, jeg kan bruge.

På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
Mit problem er, at jeg ikke kan finde ud af
at erstatte den anvendte <table>...</table> med rene <div>...</div> og css2. Jeg
har jævnfør en tidligere post her på gruppen kigget på
http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
(da indholdet skal centreres på siden), kan jeg ikke overføre eksemplerne
dér uden videre.

Håber der er én, der har et godt forslag til hvordan jeg kan ungå at bruge
<table>...</table> og stadig bevare det visuelle layout.

Mvh
../Brix

---

Henrik Brix Andersen wrote:
>
> Hej,
>
> Jeg indser, at dette er et ofte stillet spørgsmål...
> Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
> umiddelbart finde et, jeg kan bruge.
>
> På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> Mit problem er, at jeg ikke kan finde ud af
> at erstatte den anvendte <table>...</table> med rene <div>...</div> og css2. Jeg
> har jævnfør en tidligere post her på gruppen kigget på
> http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
> (da indholdet skal centreres på siden), kan jeg ikke overføre eksemplerne
> dér uden videre.
>
> Håber der er én, der har et godt forslag til hvordan jeg kan ungå at bruge
> <table>...</table> og stadig bevare det visuelle layout.
>

Her er et eksperiment jeg gjorde for en tid siden der jeg fjernet
tabellen og erstattet den med div.

Ettersom det var et eksperiment er jeg sikker på at det kan gjøres
bedre.

se på; http://home.powertech.no/magneh/test/w3org-ny.html

og se om du finner noe brukbart i koden her.


Magne Heen.

---

Henrik Brix Andersen wrote in <aohgkm$gjk$1@sunsite.dk>:
> På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> Mit problem er, at jeg ikke kan finde ud af
> at erstatte den anvendte <table>...</table> med rene <div>...</div> og
> css2.

Nu er det selvfølgelig ikke mig der skal bestemme hvordan det ser ud, men
jeg vil lige tillade mig at komme med denne kommentar. :)

Det er fint at du forsøger at undgå table-tagget, når nu det ikke er en
tabel du er ved at lave.
Næste skridt er så at lade være med at tænke i tables når man designer.

Det layout du har lavet (eller i hvert fald det man ser på den side) er som
designet til at blive lavet i tables. (Måske fordi det kun er det, du
viser?)

> men da jeg ikke ønsker at bruge position: absolute (da indholdet skal
> centreres på siden), kan jeg ikke overføre eksemplerne dér uden videre.

Man kan sagtens centrere selv om man bruger absolut positionering. En
absolut position er nemlig i forhold til den nærmeste parent, der har
position sat til "absolute" eller "relative" (og måske andre, det kan jeg
ikke lige huske).

Dvs. du kan lave en div rundt om det hele, som er centreret. Du kan så fx.
sætte position til relative, og bare lade være med at angive top og left.

--
Mvh.

Niels Andersen
(la nels. anersyn.)

---

Hej Henrik

Hvis du nu i dit html dokument laver et <div id="container"></div> og som
her giver den ID'et container.

Der efter lavver du dette i CSS

#container {
position : absolute;
top : 50%;
left : 50%;
height : 200px;
width : 200px;
margin-top : -100px;
margin-left : -100px;
border : 1px solid black;
background : #cccccc;
color : #000000;
}

Så vil den kasse altid være i centrum, og hvad mon der så sker med at det
man smider i den kasse??

// Ralley

"Henrik Brix Andersen" <brix@gimp.org> wrote in message
news:aohgkm$gjk$1@sunsite.dk...
> Hej,
>
> Jeg indser, at dette er et ofte stillet spørgsmål...
> Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
> umiddelbart finde et, jeg kan bruge.
>
> På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> Mit problem er, at jeg ikke kan finde ud af
> at erstatte den anvendte <table>...</table> med rene <div>...</div> og
css2. Jeg
> har jævnfør en tidligere post her på gruppen kigget på
> http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
> (da indholdet skal centreres på siden), kan jeg ikke overføre eksemplerne
> dér uden videre.
>
> Håber der er én, der har et godt forslag til hvordan jeg kan ungå at bruge
> <table>...</table> og stadig bevare det visuelle layout.
>
> Mvh
> ./Brix

---

Prøv evt. dette link.
http://www.thenoodleincident.com/tutorials/box_lesson/index.html

"// Ralley" <sebastian(SLET)@9ia.dk> wrote in message
news:3daca258$0$11421$ba624c82@nntp02.dk.telia.net...
> Hej Henrik
>
> Hvis du nu i dit html dokument laver et <div id="container"></div> og som
> her giver den ID'et container.
>
> Der efter lavver du dette i CSS
>
> #container {
> position : absolute;
> top : 50%;
> left : 50%;
> height : 200px;
> width : 200px;
> margin-top : -100px;
> margin-left : -100px;
> border : 1px solid black;
> background : #cccccc;
> color : #000000;
> }
>
> Så vil den kasse altid være i centrum, og hvad mon der så sker med at det
> man smider i den kasse??
>
> // Ralley
>
> "Henrik Brix Andersen" <brix@gimp.org> wrote in message
> news:aohgkm$gjk$1@sunsite.dk...
> > Hej,
> >
> > Jeg indser, at dette er et ofte stillet spørgsmål...
> > Jeg har bladret arkivet igennem for at finde et svar, men kan ikke
> > umiddelbart finde et, jeg kan bruge.
> >
> > På http://www.aalug.dk/~brix/index.html ligger et mock-up af et layout.
> > Mit problem er, at jeg ikke kan finde ud af
> > at erstatte den anvendte <table>...</table> med rene <div>...</div> og
> css2. Jeg
> > har jævnfør en tidligere post her på gruppen kigget på
> > http://glish.com/css/ men da jeg ikke ønsker at bruge position: absolute
> > (da indholdet skal centreres på siden), kan jeg ikke overføre
eksemplerne
> > dér uden videre.
> >
> > Håber der er én, der har et godt forslag til hvordan jeg kan ungå at
bruge
> > <table>...</table> og stadig bevare det visuelle layout.
> >
> > Mvh
> > ./Brix
>
>