Hallå där...

Om man har en box gjord med div. Hur ska man då göra med css-texten i den boxen. Att sätta text-marginaler på själva div:ens css verkar inte fungera,

skall man köra <p class......>?

Peter

använd padding på diven

Så här alltså: (men använd hellre extern stilmall såklart)

Ja man kan ha padding på "box-div:en" men det är väl bättre att sätta en class på

med padding osv. istället eftersom jag i detta fall formaterar boxen med olika attribut.

Nej eftersom div-taggen kommer använda sig av egen "default"-padding iallafall. Jag förstår inte vad det är som hindrar dig att du formaterar boxen med olika attribut.

Om du absolut vill formatera p-taggarna i diven kan du göra så här i css-filen:

Och sedan göra så här:
Blir mindre jobb än att för varje p välja en klass.

I min tankekvärld är det alltid den omgivande containern som bestämmer marginalerna (dvs paddingen) för innehållet i densamma. Däremot så kan man ibland behöva style'a ett undantag på innehållet, exempelvis en negativ marginal etc...

Petta; att du redan har satt vissa atribut på div'en utesluter inte att du sätter ännu flera ;). Du kan både sätta stylear, classer samt en stylead id samt att taggen i sig är definerad att ha en viss style på en och samma gång. Sätten du sätter style'arna på samt i vissa fall vilken ordning du lägger på dom på div'en avgör vilket utseende som får högre prioritet (om du får en konflikt mellan de olika style'arna)

Jag använder DW2004 och när jag pysslade med textformateringen i samma veva som själva boxen så flyttades "lagret" (div positionen) på skärmen, detta är säkert en bugg i DW så det lättaste är väl att handknacka den delen.

Ett problem om man sätter padding direkt på diven och inte en container i diven är att det blir olika utseenden i firefox och internet explorer. Det spelar förstås ingen roll om man inte behöver pixelprecision men det är något att tänka på om man inte lyckas få det att se likadant ut.

Jag är inte helt säker men finns det inte IE-fixar som gör att IE behandlar padding, margin, borders etc. precis som Firefox?

jimmie: Det löser sig i IE om man anger doctype till strict.

Om man har en DIV, och i den en bild som har float: left;, då hamnar den delvis utanför DIV:en om den inte finns något annat (tex: text) som fyller ut på höjden. Hur tvingar man Diven att anpassa sig i höjdled så bilden inte hamnar utanför (som en tabellcell)?

Jaså är det så? Jag har gjort en div med bild i utan problem i vare sig IE eller Firefox. Kanske

position: absolute;

kan hjälpa?

Det hjälpte inte, då hamnade Div-aggarna ovanpå varandra.

Så här ser Min div ut:
<div style="padding: 3px; clear: both;">

vilket ger resultatet enl. bif. bild (observera att div:en loopas ut):
http://disneyfilmsidan.se/upload/DFS001.gif

Testa att sätta width (ex width:100%; ) på den container som inte kan "behålla innehållet" så att säga.

Det fungerar inte, istället blir det så att den fortsätter utanför den Div som alla dessa Div:ar ligger i (den som skapar den blå ramen), och fortsätter till den stöter emot tabellens cellkant som allt ligger i.

http://disneyfilmsidan.se/upload/DFS002.gif

<div class="bg-tb-lista" style="padding: 3px; clear: both; width: 100%;">
[img]ley/award/1_1.gif[/img]
Howard Ashman och Alan Menken har vunnit Academy Award's Oscar för bästa sång (Beauty and the Beast).
</div>

<div class="bg-tb-lista2" style="padding: 3px; clear: both; width: 100%;">
[img]ley/award/1_1.gif[/img]
Alan Menken har vunnit Academy Award's Oscar för bästa originalmusik.
</div>

...

Aha, du har råkat ut för "box model"-problemet. Standarden är i vissa situationer lite "felaktigt" konstruerad, som här. I ditt fall kommer den blå rutan att bli 100%+margin+padding (eller nåt likanande). W3 har en del dokumentation om hur man definierar width och sånt, kolla tex http://www.w3.org/TR/REC-CSS2/box.html. En googlesökning på "box model" borde ge en hel del information.

Angående Box-Model-problemet så är det väl inte standarden som är problemet utan Internet Explorer som inte följer standarden (som vanligt).

Jovisst är det så, men jag menade snarare att IE's tolkning är lite mer logisk, även om den bryter mot standarden. Går för övrigt få IE att följa standarden korrekt om man bara anger en doctype.

Testa att sätta width även på dess containerns container... etc etc...