[Schneaker]

Jag försöker uppnå detta i CSS, men det vill sig inte riktigt.

En div med grå bakgrundsfärg.
Längst till vänster i denna div står det "LEFT". Detta är en separat

-tagg
Längst till höger, på samma rad står det "RIGHT". Detta är en separat

-tagg
Diven slutar.


Jag vill inte sätta fast höjd på diven. Jag vill inte positionera texten med hjälp av "left".
Sätter jag "float: left;" på den ena P-taggen och "float: right;" på den andra så tappar min box sin höjd och bakgrundsfärgen försvinner.
Jag har försökt med bara "float: right;" på den högra, men då hamnar den högra delen en bit ner och utanför diven. Har försökt ordna detta med margin: none; och display: inline;. Inget har hjälpt.

Hur gör man?

[Lindahl]

Testa att sist i div'en lägga en <br style='clear: both;'> så ska det nog funka tror jag.

[Schneaker]

Yippie! Det funkade

Är detta en "korrekt" lösning eller nån trixig ful-lösning?

[Lindahl]

Jag skulle vilja påstå att den är ganska "korrekt". Fast nån annan kan ha en annan åsikt. Det enda alternativet till att göra så här ser jag bara skulle vara att lägga det hela i en tabell.

[thejanner]

Eller http://www.positioniseverything.net/easyclearing.html (trixig fin-lösning)

/ m a r t i n