Notifikationer

Markér alle som læst Log ud

limemedia Nybegynder

10. september 2004 - 10:45 Der er 16 kommentarer og
2 løsninger

Justering af tekst i layer til bund

Jeg har et layer, defineret ved følgende css style
#infobox { vertical-align: bottom; position: absolute; top: 65px; left: 50px; height: 325px; width: 325px; z-index: 10; font-size: 13px; filter:alpha(opacity=70); -moz-opacity:0.7; background-color: "#ffffff"; }

Jeg forsøgte vertikalt at aligne teksten i et layer til bunden via vertical-align men det virker ikke. Nogen løsningsmodeller - der ikke hedder "lig en tabel ind i dit layer" ?

/ LJ

Synes godt om

exp Juniormester

10. september 2004 - 10:48 #1

Altså du vil stille teksten nederst i <div id="infoboks">?

Synes godt om

limemedia Nybegynder

10. september 2004 - 10:52 #2

ja præcis - og helst uden fusk :)

Synes godt om

exp Juniormester

10. september 2004 - 10:56 #3

hehe - hvis det bare skal overholde css-standarden, så har du jo allerede lavet det, men hvis det også skal virke i IE, såeh...

Ser lige om jeg kan finde noget :-)

Synes godt om

milo Nybegynder

10. september 2004 - 10:56 #4

display:table-cell;vertical-align:bottom;

Synes godt om

milo Nybegynder

10. september 2004 - 10:58 #5

hov, det var jo LJweb :))))

Længe siden mester, er du stadig bosat i Japan?

Synes godt om

limemedia Nybegynder

10. september 2004 - 11:00 #6

Virker stadig ikke milo
http://test.devarea.dk/newecotrek/

Synes godt om

exp Juniormester

10. september 2004 - 11:01 #7

Måske du kan lege lidt med dette:
http://dbaron.org/css/test/sec170401

Synes godt om

milo Nybegynder

10. september 2004 - 11:02 #8

Ser lige på det - imellemtiden, hvis det kun drejer sig om én linje, kan du bare sige line-height: 325px;

Synes godt om

limemedia Nybegynder

10. september 2004 - 11:14 #9

milo >> det kan være én linie eller mange - en art infoboks.

... og ja, jeg har stadig ikke set nogen grund til at komme tilbage til DK, så jeg er stadig på den anden side af kloden og fusker med de almindelige ting jeg plejer - omend jeg har glemt så meget html/css at jeg end ikke kan finde ud af at aligne en tekst i et layer mere.

Synes godt om

limemedia Nybegynder

10. september 2004 - 11:18 #10

exp >> godt link, men de anvender netop tables til at opnå effekten - og dermed en "fuske" løsning jeg gerne vil undgå. Man har vel sine principper :)

Synes godt om

exp Juniormester

10. september 2004 - 11:21 #11

Alternativt kan du kigge her:
http://www.webmasterworld.com/forum83/501.htm#7

Det er ikke helt det du søger, men princippet kan måske bruges

Synes godt om

limemedia Nybegynder

10. september 2004 - 11:24 #12

Måske ...
Either we require login from users from your ISP because of abuse, or the thread is marked members only. Please login and then back up to view.

Synes godt om

milo Nybegynder

10. september 2004 - 11:28 #13

http://milo.dk/bottom.php

Synes godt om

exp Juniormester

10. september 2004 - 11:29 #14

Bla bla bla :-D

-------------------------------------------------------------------------

<style type="text/css">
/* colored borders put on for visual effect only */
body{
height: 100%;
margin: 0;
padding: 0;
}
#spacer{
height: 95%;
float: left;
width: 1px;
font-size: 1px; /* to make sure width is not overridden */
padding: 0;
margin: 0;
background-color: red; /* visual effect only */
}

#contentwrap{
width: 100%;
text-align: center;
padding: 0;
margin: 0;
}

#content{
padding: 30px;
border-width: 1px;
border-style: solid;
border-color: blue;
}

#footer{
clear: both;
height: 5%;
border-width: 1px 0 0 0;
border-style: solid;
border-color: red;
vertical-align: middle;
padding: 0;
margin: 0;
}

</style>
</head>

<body>
<div id="spacer"></div>

<div id="contentwrap">

<div id="content">
<p>this is the content div</p>
<p> </p>
<p>more content</p>
<p> </p>
<p>and even more</p>
<p> </p>
<p> </p>
</div>

</div>

<div id="footer">footer</div>
</body>

-------------------------------------------------------------------------

Synes godt om

milo Nybegynder

10. september 2004 - 11:32 #15

Så vil jeg nok sige min måde er lidt mindre slam'et ;)

Synes godt om

limemedia Nybegynder

10. september 2004 - 11:34 #16

haha miloman, layer i layer *g* hvorfor tænkte jeg ikke på den - jeg køber den
... og så videre med at bygge et site så jeg kan finde nogle sponsorer :)

Synes godt om

milo Nybegynder

10. september 2004 - 11:35 #17

:-)

Har du msn? Jeg bruger ikke ICQ længere. Hvis du har, må du gerne adde mig med mail adr. i mit minisite, hvis du har lyst :)

Synes godt om

limemedia Nybegynder

10. september 2004 - 11:39 #18

Der er ingen mail add. i dit minisite, men du kan fange mig på msn@ljweb.com

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