html - Ens i begge sider, html & css - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #15047 @ 10.01.10 17:53

Hejsa. Jeg har denne kode.

HTML kode

 <html>
 <body>
 <head>
 <style type="text/css">
  .body {
     background: white;
  }
  #whitespace-left {
     float: left; 
     width: 75px;
     height: 100%;
     background-color: white;
     border-style:solid;
  }
  #whitespace-right {
     float: right; 
     width: 75px;
     height: 100%;
     background-color: white;
     border-style:solid;
  }
  #whitespace-top {
     float: center; 
     width: 90%;
     height: 75px;
     background-color: white;
     border-style:solid;
  }
 </style>
 </head>
 </body>
 <div id="whitespace-left">
 
 </div>
 <div id="whitespace-top">
 </div>
 <div id="whitespace-right">
 </div>
 </html>

Jeg vil gerne have det øverste bjælke(#whitespace-top) til at gå sammen med den bjælke til højre, som den gør ved den til venstre. Jeg har prøvet med noget display: block og inline, det virkede ikke. Den kan ses her..

Kode

- Magnus.

Indlæg senest redigeret d. 04.04.2012 13:31 af Bruger #15047

4 svar postet i denne tråd vises herunder
2 indlæg har modtaget i alt 2 karma

Sorter efter stemmer Sorter efter dato

Bruger #15586 @ 10.01.10 18:01

Prøv og sæt din width på #whitespace-top ned til 80% f.eks. og float alle 3 divs left

Indlæg senest redigeret d. 10.01.2010 18:02 af Bruger #15586

Bruger #12703 @ 11.01.10 14:19

158

whitespace-top skal have float left

Bruger #15047 @ 10.01.10 18:26

Løste det med:

HTML kode

 <html>
 <body>
 <head>
 <style type="text/css">
  .body {
     background: white;
  }
  #whitespace-left {
     float: left; 
     width: 75px;
     height: 100%;
     background-color: white;
     border-style:solid;
  }
  #whitespace-right {
     float: right; 
     width: 75px;
     height: 100%;
     background-color: white;
     border-style:solid;
  }
  #whitespace-top {
     float: center; 
     width: 99%;
     height: 75px;
     background-color: white;
     border-style:solid;
  }
 </style>
 </head>
 </body>
 <div id="whitespace-left">
 
 </div>
 <div id="whitespace-right">
 </div>
 <div id="whitespace-top">
 </div>
 
 </html>

Bruger #15047 @ 11.01.10 20:18

Yep det rettede jeg ikke, men det har den fået

Ens i begge sider, html & css

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler