|
|
 | [CSS] vertical align
Fra : Martin |
Dato : 18-01-06 11:41 |
|
Hvorfor virker nedenstående ikk.
Vertical align - virker aldrig, selv hvis height er sat, er den kun til
<table> tags, for der virker det fint, men ikke i en div.
Når det ikk virker i en div, hvordan får man så nemmest centeret en
tekst vertikalt i en div.
<html>
<head>
<style>
#midttekst
{
vertical-align: middle;
height: 300px;
width: 300px;
}
</style>
</head>
<body>
<div id="midttekst">
Test
</div>
</body>
</html>
| |
 Jørgen Farum Jensen (18-01-2006)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 18-01-06 13:45 |
|
Martin wrote:
> Hvorfor virker nedenstående ikk.
> Vertical align - virker aldrig, selv hvis height er sat, er den kun til
> <table> tags, for der virker det fint, men ikke i en div.
> Når det ikk virker i en div, hvordan får man så nemmest centeret en
> tekst vertikalt i en div.
>
> <html>
> <head>
> <style>
> #midttekst
> {
> vertical-align: middle;
> height: 300px;
> width: 300px;
> }
> </style>
> </head>
> <body>
> <div id="midttekst">
> Test
> </div>
> </body>
> </html>
vertical-align virker kun på inline elementer.
En måde at gøre det på er ved at sætte marginer
på teksten:
#box {
width:300px;
height:300px;
border:1px solid black;
position:relative;
top:3em;
left:3em;
}
#box p {
text-align:center;
font-size:16px;
margin-top:146px;
}
<div id="box">
<p>Tekst midt i boksen</p>
</div>
Med venlig hilsen
Jørgen Farum Jensen
www.webdesign101.dk
| |
Knud Gert Ellentoft (18-01-2006)
| Kommentar
Fra : Knud Gert Ellentoft |
Dato : 18-01-06 16:36 |
|
Jørgen Farum Jensen skrev:
>En måde at gøre det på er ved at sætte marginer
>på teksten:
Det forudsætter så, at man kender højden på indholdet.
Selvom det måske er fy, men så brug tabel til det, de er som
skabt til det.
Eller også skal man få sin <div> til at opføre sig som en
tabelcelle.
Se i kildekoden på http://ellentoft.1go.dk/test/vertical.htm.
Scriptet, der er med i css er for at få IE med og gør, at css
ikke kan valideres.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
 Jørgen Farum Jensen (18-01-2006)
| Kommentar
Fra : Jørgen Farum Jensen |
Dato : 18-01-06 17:28 |
|
Knud Gert Ellentoft wrote:
> Det forudsætter så, at man kender højden på indholdet.
Jammen det gjorde vi jo osse efter eksemplet...
> Selvom det måske er fy, men så brug tabel til det, de er som
> skabt til det.
Med venlig hilsen
Jørgen Farum Jensen
www.webdesign101.dk
| |
Knud Gert Ellentoft (18-01-2006)
| Kommentar
Fra : Knud Gert Ellentoft |
Dato : 18-01-06 17:43 |
|
Jørgen Farum Jensen skrev:
>Jammen det gjorde vi jo osse efter eksemplet...
Og finder man så på at tilføje en linje mere, så skal man ændre
på margin igen.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
Erik Ginnerskov (19-01-2006)
| Kommentar
Fra : Erik Ginnerskov |
Dato : 19-01-06 02:01 |
| | |
Knud Gert Ellentoft (19-01-2006)
| Kommentar
Fra : Knud Gert Ellentoft |
Dato : 19-01-06 17:12 |
|
Erik Ginnerskov skrev:
>Det kan du da klare ved at sætte den del af stylesheetet i conditional
>comments.
Uden tvivl, men jeg er ikke så dus med det og er blot en form for
snyd.
Jeg mener, at man i sjældne tilfælde godt kan bruge noget, der
ikke validerer, når blot man ved, hvad det er man gør og at det
ikke på nogen måde genenerer nogen browsere.
Men det er klart, at den grundlæggende css f.eks. skal validere.
--
Topposter du svar, dvs. skriver dit svar over det citerede,
så ryger du på min ignoreringsliste.
Svar under det du citerer og citer kun det du svarer på - tak.
http://usenet.dk/netikette/citatteknik.html
| |
|
|