Avatar billede razmuz_dk Nybegynder
21. april 2005 - 08:42 Der er 6 kommentarer og
1 løsning

span vil ikke have width

Se på følgende kode-eksempel:
<div style="text-align: right;">
    <span style="width: 200px; background-color: #CECECE;">test</span>
</div>

Meningen er at span'en skal smide helt ud til højre og være 200px bred. Den bliver sat ud til højre, men den bliver kun så bred som teksten (test) gør den.

Hvis jeg erstattter span'en med en div kan jeg godt sætte bredden til 200px, men så vil den ikke smides ud til højre.

Nogen der kan hjælpe?

mvh.
Rasmus
Avatar billede fennec Nybegynder
21. april 2005 - 08:46 #1
Jeg kan kun sige det virker fint hos mig. Skal "test" stå til venstre i span'en for så skal du have "text-align:left;" på span'en:

<div style="text-align:right;">
    <span style="text-align:left;width:200px; background-color:#CECECE;">test</span>
</div>
Avatar billede fennec Nybegynder
21. april 2005 - 08:48 #2
Du kan for den sags skyld også nøjes med div taget:
<div style="text-align:left;width:200px;float:right;background-color:#CECECE;">
test
</div>
Avatar billede razmuz_dk Nybegynder
21. april 2005 - 08:50 #3
Ups, glemte lige at sige: det er i Firefox den ikke virker...
Avatar billede fennec Nybegynder
21. april 2005 - 08:53 #4
Så skal du bare bruge min sidste eks. Det virker i FF.
Avatar billede razmuz_dk Nybegynder
21. april 2005 - 08:56 #5
Wee ja! - havde ik' lige set din float :) taktak.. Svar! :P
Avatar billede fennec Nybegynder
21. april 2005 - 08:58 #6
.o) <-- One Eyed Jack
Avatar billede roenving Novice
22. april 2005 - 15:57 #7
-- og det skal da lige tilføjes, at det slet ikke er meningen, at et inline tag som f.eks. en span skal kunne have en bredde på samme måde som block-level tags, så det lyder som om FireFox (også !-) her er på rette spor ...
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