C# skapa HTML dynamiskt

Hej hopp,

Har fått som skoluppgift att programmera en enklare webbutik och har nu kommit till det steg då jag på något sätt ska lägga ut produkter på framsidan.

Dessa ligger lagrade i en databas.

Det jag tänkte göra var att skapa en div för varje produkt, och i denna div lägga en bild på produkten och en knapp för att lägga den i kundkorgen. Men istället för att skapa massa div-taggar från början, så tänkte jag att jag med C# dynamiskt kan skapa så många div-taggar som jag har produkter i databasen.

Jag är dock inte helt säker på hur man gör detta, jag började lite smått med att skapa en div dynamiskt i min Page_Load() och använde lite kod jag hittade på internet:

        HtmlGenericControl div = new System.Web.UI.HtmlControls.HtmlGenericControl("DIV");
        div.ID = "div1";
        div.Attributes["style"] = "background-color:red; height:200px; width:200px; position:absolute; top:500;";       
        div.InnerHtml = "I was created using Code Behind";
        this.Controls.Add(div);

Det blir dock inte alls bra, dels lägger sig diven längst upp i vänstra hörnet, trots att jag specifierat top:500px och dels så lägger sig HTML-koden för diven allra längst ner i källkoden (om man klickar fram källkoden genom webbläsaren), vilket en validator säkerligen kommer klaga på.

Nybörjare som jag är så skulle jag uppskatta lite hjälp med detta.

Ah, felet med positioneringen berodde på att jag glömt px, såg nu att jag endast hade skrivit top:500;

Problemet med att diven i källkoden hamnar under slut-taggen </html> kvarstår dock fortfarande, vilket leder till fel i valideringen, W3C-validatorn säger följande:

document type does not allow element "div" here

parent_div.appendChild(div);

Kursen är i C#, så det är det språket vi måste köra på

Angånende metoden att appenda divarna så har jag också tänkt på det, vet att det var lätt att göra i javascript men jag har ingen aning om hur det görs i C#.

Positioneringen löste jag för övrigt, se ovanstående inlägg

Jag hittade detta:

Control control = this.FindControl("container");
HtmlControl div = new HtmlGenericControl("div");
div.Attributes.Add("id", "myid");
div.Attributes.Add("class", "myclass");
control.Controls.Add(div);

"container" som jag använde till inargument till FindControl() är en div som redan finns.

Det fungerar dock inte, får felet: "Objektreferensen har inte angetts till en instans av ett objekt."

Har aldrig stött på grids så om du har någon sida som visar hur man kan använda detta så vore det bra.

Jag sökte lite på google, men fick väl inga bra svar direkt.

EDIT: Tables har vi kollat lite på, det kanske är ungefär samma?

Men det verkar vara mer för windowsapplikationer (windows forms application)?

Eller fungerar det på samma sätt med webbsidor?

Körde på med tabeller som jag pysslat lite med förut, men du ska ändå ha tack för hjälpen

Nytt problem...

I tabellen lade jag sen in knappar dynamiskt:

            Button btnBuy = new Button();
            btnBuy.Text = "Add to cart";
            btnBuy.Click += new EventHandler(buy);
            btnBuy.ID = product.id.ToString();

Som anropar funktionen

protected void buy(object sender, EventArgs e){

}

Men eftersom jag har dålig koll på att arbeta med funktioner så vet jag inte hur jag ska få knappens id till funktionen, detta behövs för att leta upp rätt produkt i databasen.
Jag prövade lite med "sender" som är ett inargument till funktionen, men fick inte fram något vettigt.