Notifikationer

Markér alle som læst Log ud

fab Nybegynder

09. maj 2004 - 17:29 Der er 10 kommentarer og
1 løsning

align = middle i Mozilla og Firefox

Hej med jer,

Jeg har følgende setup

<div class="eek">
Fantastisk interessant website goes here
</div>

Jeg kunne så frygtelig godt tænke mig at mit div er centereret horisontalt. Hvorledes skal jeg definere klassen "eek" for at få det til at virke i IE, mozilla, firefox og safari ? Jeg mener at have prøvet med horizontal-align, align, center, middle, auto og jeg kan ikke lige få nogen effekt frem i Mozilla.

Jeg har sågar tilladt mig at prøve med <div align="center"> og også bare det - ulovlige - <center> - men ak, intet virker !

Men da Mozilla jo er sådan en pragtfuld browser, så må det da kunne lade sige gøre ?

Er der een herinde der kender svaret ?

Alt vel,
Frederik

Synes godt om

roenving Novice

09. maj 2004 - 17:31 #1

text-align:center;

Synes godt om

doggy82 Praktikant

09. maj 2004 - 17:33 #2

.eek {text-align:center;} Hvis det er indholdet som skal centreres.
Er det hele DIV'en så læg en anden div omkring med text-align:center;
Eller sæt
body {text-align:center;}

Synes godt om

doggy82 Praktikant

09. maj 2004 - 17:34 #3

btw den div omkring skal så ha width:100%;

Synes godt om

doggy82 Praktikant

09. maj 2004 - 17:36 #4

aj det behøver den faktisk ikke

Synes godt om

roenving Novice

09. maj 2004 - 17:37 #5

-- en div er et block-level-element, som fylder hele den bredde, den får stillet til rådighed, præcis derfor skrev jeg kun det nødvendige !-)

Synes godt om

doggy82 Praktikant

09. maj 2004 - 17:38 #6

og så sæt text-align:left; på den inderstediv for at teksten ikke bliver centreret inde i den - med mindre du vil ha' det.

Synes godt om

roenving Novice

09. maj 2004 - 17:40 #7

>>doggy82

Du skal bare være klar over, at den bygger på en fejlagtig IE-fortolkning af text-align, som præcis ikke bør virke på block-level-elementer og da heller ikke gør det, i hvert fald i de Gecko-baserede browsere !-)

Synes godt om

olebole Juniormester

09. maj 2004 - 17:41 #8

<ole>

doggy82 >> Dette kan du ikke, da det inderste div også er et block-element og dermed fylder hele bredden af det omkransende element ;o)

<div style="text-align:center">
<div>tekst</div>
</div>

/mvh
</bole>

Synes godt om

fab Nybegynder

09. maj 2004 - 17:43 #9

Ja, altså, jeg véd godt, at det skulle virke, men min klasse har indtil videre set således ud:

.eek {
width : 100%;
text-align : center;
padding-top : 24px;
}

Og det kan jeg jo godt se virker isoleret set - så jeg må have noget gejl et andet sted. Jeg lukker spørgsmålet og beder jer glemme alt efter god morgen !

Tak for interessen

Alt vel,
Frederik

Synes godt om

olebole Juniormester

09. maj 2004 - 17:47 #10

Det er unødvendigt at angive bredden til 100%. Det er den altid på et block-element, med mindre du explicit har angivet andet :)

Synes godt om

olebole Juniormester

09. maj 2004 - 17:51 #11

... men hvis du nu ikke havde så pokkers travlt - og faktisk læste, hvad folk skrev til dig, så ville du vide, at doggy82's svar var ukorrekt og bygger på en bug i Explorer ;o)
Skal du f.eks. centrere en tabel i et div, skal det gøres med tabellens margin:

<div style="border:2px solid blue">
<table style="margin:0px auto" cellspacing="0" cellpadding="0" border="1">
<tr>
<td>jhhkjhkjh</td>
</tr>
</table>
</div>

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