Hvis du bruger Adobe Dreamweaver så er der nogle skabeloner du kan vælge imellem, når du opretter din HYML-side. Her kan du få mulighed for at lave det du har tegnet.
Ellers så gør som CSHARPER skrev. Den løsning fungerer dog bedst hvis du gør det således:
- <body>
- <div id="container">
- <div id="left"><p>tekst til venstre side</p></div>
- <div id="center"><p>Tekst til midten af siden</p></div>
- <div id="right"><p>Tekst til højre side</p></div>
- </div>
- </body>
Din CSS-fil skal du så lave således:
- #container {
- margin: auto;
- }
- #left {
- float: left;
- width: 200px;
- background-color: #CCC;
- }
- #center {
- width: 600px;
- background-color: #000;
- }
- #right {
- float: right;
- width: 200px;
- background-color: #CCC;
- }
Koden har jeg skrevet ud af hovedet, så der er ingen garanti for at den virker. Men prøv det.
Indlæg senest redigeret d. 25.05.2012 07:59 af Bruger #17072