Redesign af tabel hjemmeside

Tags:    html css

Hej

Jeg sidder og skal til at "re-designe" denne hjemmeside:
www.bevola.dk da designet/koden er lidt gammeldags med tabeller og iframes.

Min idé var at centrere tre divs.

Det skal være sådan så det er nemt at implementere siden i et CMS system som umbraco, AxCMS eller DotNetNuke..

Er der nogen der har nogle input til hvordan jeg skal gøre dette smartest eller evt. et link til en skabelon.

På forhånd tak

/DHD



5 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma
Sorter efter stemmer Sorter efter dato
Din side virker ikke i IE6

kommentarer til CSS

#Header
{
// Hvorfor have border attributter når der ikke skal være en border på.
// du kan endvidere spare lidt tid ved at skrive:
// border: 0px solid #C1C1C1; i stedet for at dele det i 3
}


#ContentHolder
{

border-width:0px;
border-right:solid 1px #000000;
border-top:solid 1px #000000;
border-bottom:solid 1px #000000;

kan skrives:
border: 1px solid black;
border-left: 0px;
}

Generelt har du widht på næsten alt.. det behøves ikke i dette tilfælde... - det gør det bare mere besværligt at ændre.



Nu har jeg lige kigget på www.bevola.dk og "Vis kilde" og jeg håber ikke du har lavet siden færdig, for det er sgu' da en stor rode butik.

Nå men tilbage til dit spørgsmål, du vil gerne ha' centreret din div og det kan du gør på denne her måde

Fold kodeboks ind/udKode 




http://www.udvikleren.dk/HTML/Thread.aspx/9/19305/

Se min kommentar i bunden...



Yes, men hvordan får jeg fixet det så jeg får en fast "wrapper" og man så scroller i indholdet? Sådan som siden er nu, blot opbygget i div's?

EDIT: Dette er hvor jeg står lige pt.:
http://www.dhdot.net/

- Hvordan får jeg centreret alle mine div's ?
- http://www.dhdot.net/stylesheet.css <- nogen fejl / forbedringer?

/DHD



Indlæg senest redigeret d. 13.02.2007 22:46 af Bruger #11347
du laver det noget uhensigtsmæssigt.

Der skal en wrapper omkring det hele..

ala:

<body>
<div id="body">
//alt dit andet.
</div>


#body
{
width: xxx px;
margin: 0 auto; //centrere divet
}



t