Avatar billede webcreator Nybegynder
01. november 2007 - 12:08 Der er 2 kommentarer og
1 løsning

Flydende tekst over div

Hej Eksperter.

Mit problem tager udgangspunkt i nedenstående kode:


<div style="width: 300px; height: 20px; border: 1px solid #1E5E0D; background-color: #E5EDE3;">
    <div style="border: 1px dashed #000000; position: absolute; margin: 0 auto;">49 % er færdig</div>
    <div style="width: 147px; height: 20px; background-color: #78B867;"></div>
</div>


Formålet er at få DIV'en med teksten "49 % er færdig" til at flyde i midten af min statusbar - men jeg synes ikke helt at have held til at få det til at fungere. Hvad gør jeg galt ?
Avatar billede soerenlyn Nybegynder
01. november 2007 - 12:28 #1
Kan du give et link, så vi kan se hvordan den ser ud nu ?
Avatar billede roenving Novice
01. november 2007 - 16:58 #2
Fjern positioneringen, margin:auto; virker ikke med absolut positionering !-)
Avatar billede webcreator Nybegynder
02. november 2007 - 08:06 #3
Ok - det løser desværre ikke problemet, da laget så ikke ligger oven på det andet. Men jeg løste problemet, ved at centrere teksten med text-align, og bibeholdt positioneringen.

Tak for hjælpen dog :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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