/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
div vertical align og tekst
Fra : Martin


Dato : 19-01-07 13:00

Hej!

Ja nu har jeg snart prøvet en masse metoder på at få mit indhold til at
blive positioneret vandret.

Jeg har prøvet at lave en <span> inde i min div med samme højde som
DIV'en, men der skete intet. (har også prøvet med et p tag med samme
resultat)

Jeg har også prøvet at lave DIV'en til et inline tag med display - men
stadig ikke noget resultat

Siden er smidt op på
http://natten-i.dk/overskrift/vertical.html

Det er alle bokse der skal lod- og vandret centeres

 
 
Erik Nielsen (19-01-2007)
Kommentar
Fra : Erik Nielsen


Dato : 19-01-07 14:24

"Martin" <maaNO@SPAMscandesigns.dk> skrev i en meddelelse
news:45b0b2ce$0$49200$14726298@news.sunsite.dk...
> Hej!
>
> Ja nu har jeg snart prøvet en masse metoder på at få mit indhold til
at
> blive positioneret vandret.

> Siden er smidt op på
> http://natten-i.dk/overskrift/vertical.html
>
> Det er alle bokse der skal lod- og vandret centeres

Hvis du ændrer div#item_div { width: 491px; )
til
div#item_div { width: 491px; margin:auto)
ryger hovedindholdet ind på midten af skærmen.

I hvert fald i Firefox.

--
Venligst Erik N.



Martin (22-01-2007)
Kommentar
Fra : Martin


Dato : 22-01-07 14:54

Erik Nielsen wrote:
> Hvis du ændrer div#item_div { width: 491px; )
> til
> div#item_div { width: 491px; margin:auto)
> ryger hovedindholdet ind på midten af skærmen.

Ja - meeen det er nu mere vertikalt det skal ryge ind på midten - altså
vertical-align:middle; :)

Erik Ginnerskov (22-01-2007)
Kommentar
Fra : Erik Ginnerskov


Dato : 22-01-07 23:23

Martin wrote:

> Ja - meeen det er nu mere vertikalt det skal ryge ind på midten -
> altså vertical-align:middle; :)

Det er ikke muligt at opnå dette med tilfredsstillende resultat i enhver
tænkelig størrelse browservindue - og du har ingen anelse om, hvilken
størrelse dine brugere foretrækker at have deres browservindue åbnet i.

Du kan i værste fald risikere, at vitale dele af din webside er utilgængelig
for nogle brugere, hvis du alligevel laver noget, der ser imeligt ud for
andre.

Gør dig selv at glemme det forehavende.

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



Allan Vebel (23-01-2007)
Kommentar
Fra : Allan Vebel


Dato : 23-01-07 01:09

Erik Ginnerskov skrev:

> Det er ikke muligt at opnå dette med tilfredsstillende
> resultat i enhver tænkelig størrelse browservindue

Jo, i en <td>, som skrevet tidligere i dag.

--
Allan Vebel
http://html-faq.dk



Allan Vebel (20-01-2007)
Kommentar
Fra : Allan Vebel


Dato : 20-01-07 00:00

Martin skrev:

> Ja nu har jeg snart prøvet en masse metoder på
> at få mit indhold til at blive positioneret vandret.

Har du også prøvet den metode der er beskrevet på
http://html-faq.dk/2007.asp?

--
Allan Vebel
http://html-faq.dk



Martin (22-01-2007)
Kommentar
Fra : Martin


Dato : 22-01-07 15:05

Allan Vebel wrote:
> Martin skrev:
>
>> Ja nu har jeg snart prøvet en masse metoder på
>> at få mit indhold til at blive positioneret vandret.
>
> Har du også prøvet den metode der er beskrevet på
> http://html-faq.dk/2007.asp?

Så vidt jeg lige kan gennemskue er denne vandret centerering.. jeg
tænker på lodret centerering (altså vertical-align:middle;

Ja - jeg går altid galt i byen med vandret/lodret - så jeg udtrykte mig
lidt forkert. Det beklager jeg

Allan Vebel (22-01-2007)
Kommentar
Fra : Allan Vebel


Dato : 22-01-07 15:59

Martin skrev:

> .. jeg tænker på lodret centerering (altså vertical-align:middle;

Umiddelbart fungerer vertical-align kun på tabelceller, og så
kan du lige så godt generere en hel tabel til formålet, da man
godt kan kalde det tabulære data.

Jeg prøvede for sjov skyld at lægge en enkelt tabelcelle om
dit billede:

<div id="item_middle">
<table id="stor">
<tr>
<td>
<a href="billede1.jpg" title="Title"><img src="billede2.jpg"></a>
</td>
</tr>
</table>
</div>

og

#stor td{
height:428px;
width:263px;
vertical-align:middle;
text-align:center;
}

.... det fungerer efter hensigten.

I IE6 falder div#item_right ned under det øvrige, det skal
du lige have kigget på.

--
Allan Vebel
http://html-faq.dk



Søg
Reklame
Statistik
Spørgsmål : 177558
Tips : 31968
Nyheder : 719565
Indlæg : 6408926
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste