Notifikationer

Markér alle som læst Log ud

bongo20 Nybegynder

12. maj 2005 - 14:15 Der er 32 kommentarer og
1 løsning

Centrering i Mozilla

Hej

Jeg har en side hvor jeg bruger en table som baggrund for indholdet.

<body style="text-align: center;">
<form id="Form1" runat="server">
<asp:Table id="Main" runat="server" style="width: 980px;">
.....

I min IE 6 virker det glimrende med at centrere tabellen, men ikke i Mozilla.

Nogen der ved hvad der kan være galt?

:o)

Synes godt om

milo Nybegynder

12. maj 2005 - 14:18 #1

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:19 #2

nej milo :] align findes ikke til <table> elementet i HTML.

Brug style="margin: 0 auto; width: 980px;" så centeret den det.

text-align: center; i <body> er kun til IE5 , IE6 ,Firefox,Opera ect. bruger CSS

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:19 #3

Ja det virker, men det er vel ikke valid css ???

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:20 #4

det var til milo

Synes godt om

Slettet bruger

12. maj 2005 - 14:20 #5

Prøv at sætte en css i din head-sektion:

<style>
html,body {
text-align: center;
}
</style>

Synes godt om

Slettet bruger

12. maj 2005 - 14:21 #6

øv. Jeg tabte :o)

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:21 #7

Det virker claus, men hvad er det jeg gør?

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:23 #8

jeg har prøvet noget i retning af det du skrev wicez, men det virker ikke.
Hvorfor gør det ikke det?

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:23 #9

Du laver et automatisk margin (afstand fra sidens kant) på højde og venstre, 0 er top og bund.
Og ved det centeret den det.

Synes godt om

milo Nybegynder

12. maj 2005 - 14:24 #10

bongo20, skrev den løsning fordi det ikke lader til at du overholder anbefalingerne alligevel.

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:25 #11

mest optimalt i CSS

body
{
text-align: center; /* centere i IE 5 */
}

table.hej
{
margin: 0 auto; /* centere i alle andre browsere */
text-align: left; /* bare så teksten ikke også er centeret, hvis det skulle være tilfældet */
}

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:25 #12

milo , lol :)

Det er ASP.NET kode han har skrevet :] , dog bør man kun poste ren html i denne kategori , dvs. dit output. Husk det til næste gang.

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:32 #13

Det du skriver Claus betyder vel at jeg så skal lave denne her:

table.hej
{
margin: 0 auto; /* centere i alle andre browsere */
text-align: left; /* bare så teksten ikke også er centeret, hvis det skulle være tilfældet */
}

for hver table jeg har ??

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:34 #14

nej, kun for den tabel du vil centeret.
Du vil da ikke centeret alle dine tabeller ?

Ellers kan du bare lave en grundlæggende:

table
{
margin: 0 auto; /* centere i alle andre browsere */
text-align: left; /* bare så teksten ikke også er centeret, hvis det skulle være tilfældet */
}

Hele ideen i CSS er jo at det er ObjektOrienteret med arv.

Synes godt om

milo Nybegynder

12. maj 2005 - 14:36 #15

claus_joergensen, det ved jeg :) Men så vidt jeg ved, er ASP.net ikke lige det der spytter den pæneste html ud...

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:38 #16

milo

Det kan vi godt blive enige om :) Intet slår sabetron xslt transformer i ordenlig valid kode :D
(Og den bruges i php, hvis nogen ville vide det)

Microsoft er jo heller ikke desideret glade for ordenlig html, men det forhindre jo ikke os i at lære folk at kode korrekt.

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:38 #17

Al min nye viden er lige gået fløjten da jeg så hvad der foregik i en af mine celler i en anden tabel på samme side.

Hvor bliver mit div med billedet ikke centreret?
Jeg har endda prøvet med et ekstra div rundt om...

<td style="text-align: center; height: 200px;">
<div style="width: 100%; text-align: center;">
<div style="padding: 5px; width:190px;">
<img src="Pics/SystemPics/Images_10.gif" />
</div>
</div>
</td>

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:41 #18

Fjern dine 2 <div>'s i den sidste kode, og skriv istedet

<td style="text-align: center; height: 200px; padding: 5px; width: 190px; text-align: center;"">
<img src="Pics/SystemPics/Images_10.gif" />
</td>

margin: 0 auto; er til at centere block/table elementer.
text-align: center; er til at centeret ting inde i block/table elementer.

Synes godt om

milo Nybegynder

12. maj 2005 - 14:42 #19

claus_joergensen, nemlig ;) Derfor jeg antog at det kunne være lige meget med at følge anbefalingerne i hans tilfælde. I øvrigt har han ikke fortalt hvilken DTC han benytter, så det kunne snildt være en der tillod align="center".

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:45 #20

milo

Ingen DTD tillader align på table elementet, den kommando har aldrig været en del af HTML :]
Det er bare noget som IE har tilladet, og derfor har de andre browser sandsyneligvis også tilladt det pga. ellers ville alt for mange sider se dumme ud, selvom koden var crap.

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:46 #21

ja det virker claus, men det med at der skal stå "text-align: center;" to gange det glemmer vi bare ikke ? ;o)

grundet til mit div rundt lige rundt om billedet var for at kunne lave en "ramme" om billedet, forslag til det nu så?

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:48 #22

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:48 #23

ups, overset :)

Hvis du vil have en ramme om billedet, så brug CSS ?

<td style="height: 200px; width: 190px;">
<div style="border: 1px solid black; padding: 5px; height: 190px; width: 180px; text-align: center;"
<img src="Pics/SystemPics/Images_10.gif" />
</div>
</td>

Bemærk at det er vigtigt at altid angive korrekt brede og højde, men dog at trække padding(x2, da der er padding i hver side) fra højde/brede, ellers bliver boxen bredere.

width: 100%; duer ikke inde i et element.

Synes godt om

milo Nybegynder

12. maj 2005 - 14:49 #24

Oh du har ret - men er ret sikker på den ikke altid har været deprecated for alle DTC's?

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:50 #25

med det der så ryger det hele til ventre igen

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:52 #26

http://www.w3.org/TR/REC-html32#table

hmm, jo HTML 3.2 havde vist align. HTML 4 har ihvertfald ikke, og slet ikke XHTML.

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:54 #27

bongo20

Det (billedet) er centeret på min skærm.

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 14:55 #28

ja det er billedet også her. Men IKKE det div der er rundt om. Billedet skal stå midt i div' et og div' et midt i td' en

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:56 #29

http://www.thedeathart.dk/upload/617243.html

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 14:56 #30

så skal <div> som er et block element, også centeres, som vist på det link jeg lige postede.

Synes godt om

bongo20 Nybegynder

12. maj 2005 - 15:03 #31

Lige nøjagting Claus.. tak for hjælpen :o)

Så lærte jeg endda lige noget nyt til alle sidst:
Hvad er det for noget? #333 burde det ikke være #333333 ?

Synes godt om

claus_joergensen Nybegynder

12. maj 2005 - 15:04 #32

nope, 3 cifre er nok , hvis den er ens hele vejen. Dovenskaben længe leve :D

#333 (mørkegrå)
#CCC (grå)
#FFF (hvid)
#000 (sort)

osv. Det er rene farver som kan gøres sådan.

Synes godt om

olebole Juniormester

12. maj 2005 - 15:48 #33

<ole>

Det er jo meget godt, at koden er valid ... men det gør sandelig ikke, den er god eller synderlig anvendelig på nettet. Stort set al den XHTML, der bliver skrevet, parses som dårlig HTML - ikke som XHTML.

Skriver du XHTML af misforstået hensyn til dine brugere, bør du nok i stedet skrive HTML4.01, der fungerer langt bedre.
Skriver du derimod XHTML for at kunne prale af at skrive XHTML, er det sikkert okay :)

Det er under alle omstændigheder meget svært at finde en saglig begrundelse for at skrive XHTML idag. Prøv at læse:
http://www.eksperten.dk/artikler/537
http://www.eksperten.dk/artikler/538

/mvh
</bole>

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS