html - Ens udseende - Udvikleren.dk - Programmering, webdesign og grafik

Tags: html css

Bruger #15047 @ 09.02.10 23:55

Hejsa alle sammen.

Jeg har en hjemmeside, dog kun noget html/css.

Jeg køber med at få det til at se nogenlunde ud i både Google Chrome, FireFox og IE7/8.

Det har lykkes mig at få det til at se pænt ud i Chrome og Fire Fox. Men i IE7/8 ser det meget anderledes ud og det er ikke særlig pænt.

Så ville høre hvad der var af forslag til hvad jeg kunne forbedre, så at det ville blive nogenlunde ens og pænt.

Min side er:

Kode

Eller hele sidens kode.

HTML kode

 <body>
 <head>
     <style type="text/css">
  .body {
     background: white;
  }
  #whitespace-left {
     float: left; 
     width: 75px;
     height: 100%;
     background-color: white;
     border-style:solid;
     border-left-color: white;
     border-top-color: white;
     border-bottom-color: white;
  }
  #whitespace-right {
     float: right; 
     width: 75px;
     height: 100%;
     background-color: white;
     border-style:solid;
     border-right-color: white;
     border-top-color: white;
     border-bottom-color: white;
  }
  #whitespace-top {
     width: 99%;
     height: 50px;
     background-color: white;
     border-style:solid;
     border-bottom-color:white;
  }
  #whitespace-location {
     width: 99%;
     border-style: solid;
     border-left-color: black;
     border-right-color: black;
     border-bottom-color: black;
     border-top-color: white;
     padding: 0px 0px 0px 5px;
     background-color: white;
  }
  #whitespace-location-content {
     width: 35%;
     background:white;
     margin-left: 100px;
  }
  #whitespace-location-navigation {
     width: 99%;
     background:white;
     border-style: solid;
     border-bottom-color:black;
     border-top-color: white;
     text-align: center;
  }
  #whitespace-content-container {
     width: 99%;
     height: 80%;
     background:white;
  }
  #whitespace-content {
     width: 88%;
     height: 84%;
     margin: 5 5 0 5;
     margin-left: 100px;
     margin-right: 100px;
     background:white;
  }
  #whitespace-footer {
     text-align: center;
     border-style: solid;
     background: white;
     border-top-color: white;
     border-bottom-color: white;
     border-left-color: white;
     border-right-color: white;
  }
   #fisk {
     border-top-color: white;
     border-bottom-color: white;
     border-left-color: white;
     border-right-color: white;
     border-style: solid;
     background-color: white;
     height: 100%;
   }
     </style>
 </head>
 </body>
 <div id="whitespace-left">
 </div>
 <div id="whitespace-right">
 </div>
 <div id="whitespace-top">
 </div>
 
 <div id="whitespace-location">
     <div id="whitespace-location-content">
         Velkommen <font size="1"> >> </font>  Du her her... XXX<br/>
     </div>
 </div>
 <div id="whitespace-location-navigation">
 <a href="#"><input type="submit" name="submit_login" class="button" value="Hjem"></a>
 <input type="submit" name="submit_login" class="button" value="Billeder">
 <input type="submit" name="submit_login" class="button" value="Infomation">
 <input type="submit" name="submit_login" class="button" value="Gæstebog">
 <input type="submit" name="submit_login" class="button" value="Kontakt">     
 </div>
 <div id="whitespace-content-container">
 <div id="fisk"></div>
 <div id="whitespace-footer" style="font-size: small">
         Lavet af &copy 2010
 </div>
 </div>
 </html>

Der skal siges at jeg har kæmpet med det i noget tid nu og jeg er på bar bund.

Mvh. Magnus.

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

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

Sorter efter stemmer Sorter efter dato

Bruger #13363 @ 10.02.10 12:27

160

Jeg kan ikke lige se hvad der skulle være galt.
Men det er altid besværligt at få sider til at se ud i IE som i alle andre browsere.

Men du burde nok rette

Kode

#whitespace-content {
     width: 88%;
     height: 84%;
     margin: 5 5 0 5;
     margin-left: 100px;
     margin-right: 100px;
     background:white;
  }

til

Kode

#whitespace-content {
     width: 88%;
     height: 84%;
     margin: 5px 5px 0px 5px;
     margin-left: 100px;
     margin-right: 100px;
     background:white;
  }

CSS er ikke glad for at man glemmer at definere hvad noget er

Bruger #12836 @ 10.02.10 14:46

857

Hej Magnus,

Du kan læse en nylig tråd om danske tegn her:
http://www.udvikleren.dk/HTML/Thread.aspx/9/30996/

Det virker fjollet at du ikke opretter en ny tråd til et nyt spørgsmål.

Med venlig hilsen
Ieet

Bruger #12836 @ 10.02.10 09:00

857

Hej Magnus,

Benyt en HTML validator, og ret fejlene.
http://validator.w3.org/

Med venlig hilsen
Ieet

Bruger #15047 @ 10.02.10 13:10

Hejsa. Tak for svarende.

Nu har jeg så et problem med noget unicode halløjsa.
Dette er det øverste på min side. Men den vil ikke have danske tegn, hvilket charset skal jeg så bruge?

HTML kode

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
       "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xml:lang="da" lang="da">
 <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

Bruger #13363 @ 10.02.10 14:43

160

Prøv at se hvordan det kommer til at se ud hvis du bruger charset=ISO-8859-1 istedet. Den skulle gerne være lavet specielt til at vise danske bogstaver.

Bruger #15047 @ 10.02.10 15:44

Tak for det. Nu fik jeg "passed" på den der vailidator der.
Tusinde tak!

Ens udseende

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler