Avatar billede ackers.tk Nybegynder
30. august 2005 - 14:45 Der er 13 kommentarer

Height og margin fejl i browsere - Firefox, Opara og Netscape

Jeg får følgende fejl på min side i forskellige browsere:

Hjemmeside: http://www.mixmeister.dk (klik "ja" og se forsiden)

Firefox/netscape:
- Margin problem, ønsker den nederste margin fjernet

Opara:
-Height problem, ønsker siden 100% i højde

Udpluk af min ydre tabel og css

html:

<div align='center'><table width='778' height="100%" cellspacing='0' cellpadding='0'>

  <tr>

<td valign="top" class="divbgfarve">

  <table align='center' width='743' cellpadding='0' cellspacing='0' class="allarea">

css:

.allarea {
    background-color: E7E5DA;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: 9D9B94;
    border-right-color: 9D9B94;
    border-bottom-color: 9D9B94;
    border-left-color: 9D9B94;

.divbgfarve {
   
    background-color: F0F0EB;
    border-top-width: 1px;
    border-right-width: 10px;
    border-bottom-width: 1px;
    border-left-width: 10px;
    border-top-style: none;
    Border-bottom-style: none;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: 666666;
    border-right-color: 666666;
    border-bottom-color: 666666;
    border-left-color: 666666;
Avatar billede olebole Juniormester
30. august 2005 - 17:24 #1
<ole>

Du skal nok begynde med at gøre det til HTML-dokument. Det kræver, der står en DTD som det allerførste på siden (uden hvilken IE i øvrigt slet ikke kan tolke CSS):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
... osv, osv ...

Dernæst eksisterer der ikke en height-attribut i HTML, selvom der vist i øjeblikket ikke er browsere, der brokker sig over den. Højden skal sættes via CSS:
  <table width='778' style="height:100%" cellspacing='0' cellpadding='0'>

Men når du sætter en relativ højde på et element, skal den beregnes udfra det omkransende element - som altså eksplicit skal have sin højde sat:

html, body {
  height: 100%;
  margin: 0;
  padding: 0
}

- og så begynder en hex-farve _altid_ med et hash-mark: #ffff00.

Prøv at rette de ting - og lad os så prøve at tage den derfra  :)

/mvh
</bole>
Avatar billede Slettet bruger
30. august 2005 - 18:01 #2
prø denne i toppen ag css
html,body{height:100%;margin:0;padding:0;}
Avatar billede olebole Juniormester
30. august 2005 - 18:02 #3
picro >> har du ikke selv et forslag?  :)
Avatar billede ackers.tk Nybegynder
30. august 2005 - 22:34 #4
så nu fungere det hele i firefox og netscape efter jeg har smidt følgende i min css sitedet:

BODY
{
height: 100%;
margin: 0;
padding: 0
}

men i opara er den stadig gal med højden :/
Avatar billede olebole Juniormester
31. august 2005 - 03:16 #5
Du skal sætte den DTD, jeg viste - ellers kan du ligeså godt undlade at bruge CSS
Avatar billede ackers.tk Nybegynder
31. august 2005 - 14:11 #6
det er den - det er bare fordi det jeg har postet her på eksperten er et lille udpluk af min side :)
Avatar billede ackers.tk Nybegynder
31. august 2005 - 14:13 #7
opara er den eneste jeg bixer med nu, og når min tabel ikke fylder hele skærmen i højden så kommer der luft under tabellen selvom den har en højde på 100% :(
Avatar billede olebole Juniormester
31. august 2005 - 15:35 #8
Hvis du har den DTD, jeg har vist dig, skulle du tage at oploade filen. Jeg kan ikke finde den på WWW
Avatar billede olebole Juniormester
31. august 2005 - 15:38 #9
I det hele taget gør du _intet_ af det, man skriver. Du har jo heller ikke style'et dit documentElement-element (der tegnes af html-tag'et).

Tag nu og gør, hvad vi foreslår! Ellers spilder du både din og vores tid
Avatar billede Slettet bruger
31. august 2005 - 23:53 #10
ja css == en ting default en anden som ==

html,body{height:100%;margin:0;padding:0;}

http://www.w3.org/tr/css21/sample.html
Avatar billede Slettet bruger
31. august 2005 - 23:56 #11
<<>> olebole <<>> == DElete == hvad er du du læser to linier wat, knus den
Avatar billede olebole Juniormester
31. august 2005 - 23:58 #12
Undskyld, men jeg fatter nada af, hvad du skriver. Kan du ikke bare skrive ganske almindelig dansk?  :)
Avatar billede olebole Juniormester
01. september 2005 - 00:00 #13
- eller måske skulle du bare ryge lidt mindre portioner  :)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester