Plassere en DIV i en TABLE hvordan få riktig posisjon med CSS?

[Bleenda]

Har laget et design i fireworks, og slica bildet, eksportert slicsene og lagde en tabell i Dreamweaver CS5. I tabellen setter jeg inn bildet med CSS som background-image. Oppå bakgrunnen vil jeg ha en form, så jeg sette inn en DIV, hvordan får jeg DIV'en til og passe akkurat inn i tabellen? Slik at den IKKE utvider seg når jeg trykker enter, og den skal ikke kunne bli større enn det tabellen er, samtidig skal den følge tabellen, og ikke malplassere seg langt borti huttiheita slik som den gjør nå.

 

Prøvd forskjellige attributes som, fixed, absolute osv.. men ender bare med at posisjonen blir helt på tryne.

 

Tuller jeg til til med og bruke DIV? Hva gjør jeg feil?

 

Slik ser det ut i DW

 

Browser (chrome)

 

CSS (siste jeg prøvde)

Har også prøvd og sette floating, osv.. uten hell blir helt malplassert..

.login_text {
font-family: Verdana, Geneva, sans-serif;
font-size: 10px;
font-style: normal;
color: #FFF;
position: fixed;
right: 0px;
background-position: center center;
text-align: right;
left: 0px;
top: 0px;
bottom: 0px;

[Thomas.]

Du bør legge diven din inni en annen div.

 

Div 1 plasserer (midstille den horisontalt og vertikalt) du med høyde og bredde som boksen, og position: relative.

Så legger du login_text inni der. Da er det enkelere og plassere den Da kan du fjerne position, top, right og alt det rasket der.

 

For eksempel:

<div style="background:#FF0000; display:block; position:relative; height:150px; width:200px;">
div1
<div style="display:block; margin: 5px; height:50px; width:80px; color:white; background:#000000;">
div2
</div>
</div>