xxx

--- title: "100% höjd och bredd" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/94249-100-höjd-och-bredd" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Dryden" published: "2004-01-08T14:01:33.000Z" updated: "2004-01-08T17:08:08.000Z" replies: 6 views: 607 page: 1 pages: 1 language: "sv-SE" site: "webForum — webforum.nu" rights: "Upphovsrätten till varje inlägg tillhör dess författare." attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/94249-100-höjd-och-bredd" --- # 100% höjd och bredd ## #1 — Dryden, 2004-01-08T14:01Z Har lite problem med en CSS. Jag vill ha 100% höjd och bredd i webbläsarfönstret på en tabell och har följande i min CSS: ``` BODY { height: 100%; width: 100%; margin-top: 0px; margin-left: 0px; margin-right; 0px; margin-bottom; 0px; } ``` ``` .table { margin-top: 0px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; vertical-align: top; height: 100%; width: 100%; } ``` Får det dock inte att fungera. Både i Firebird 0.7 och IE6 så blir det marginaler på högersida och i botten av sidan. Någon? Permalänk: https://www.webforum.nu/p/94249 ## #2 — dectgap, 2004-01-08T14:31Z Hjälper det om du lägger till HTML i BODY-selektorn? ``` HTML, BODY { height: 100%; width: 100%; margin-top: 0px; margin-left: 0px; margin-right; 0px; margin-bottom; 0px; } ``` Permalänk: https://www.webforum.nu/p/1245629 ## #3 — Dryden, 2004-01-08T15:15Z Ja, det fungerar nästan fullt ut i Firebird så när som på en ynka rad på 1px i botten av sidan. I högermarginalen fungerar det klockrent. Däremot går IE bet helt och hållet. Permalänk: https://www.webforum.nu/p/1245660 ## #4 — Cheguelin, 2004-01-08T15:40Z Du behöver inte skriva enhet om något är noll; noll är noll vilken enhet man än använder. Det är även onödigt att skriva alla sorters margin, eftersom allt är noll kan du kort och gott skriva "margin: 0;", annars kan man skriva enligt margin: top, right, bottom, left;, t ex margin: 25px, 15px, 0, 10px;. Angående ditt problem så tror jag att det ska gå att funka om du sätter padding: 0;. Permalänk: https://www.webforum.nu/p/1245683 ## #5 — dectgap, 2004-01-08T16:17Z > **Cheguelin skrev:** > > Angående ditt problem så tror jag att det ska gå att funka om du sätter padding: 0;. Varken IE eller Mozilla har någon standard-padding på \ eller \, men däremot har Opera det. Så om man vill att sidan ska visas rätt i Opera gör man klokt i att även sätta padding till 0. När jag skriver följande har jag inga problem: ``` xxx

Grå bakgrund för att synas

``` Permalänk: https://www.webforum.nu/p/1245700 ## #6 — Cheguelin, 2004-01-08T16:46Z Ah, just ja. Det är Opera som störar med padding, my bad. Permalänk: https://www.webforum.nu/p/1245719 ## #7 — Dryden, 2004-01-08T17:08Z > **Jag själv skrev:** > > Ja, det fungerar nästan fullt ut i Firebird så när som på en ynka rad på 1px i botten av sidan. Glöm att jag skrev det där. Det var XP som lurade mig. Jag misstänkte vart felet kunde ligga och mycket riktigt - ändrade jag till utseendet Windows Klassiskt så försvann den raden. :OO Nu fungerar det klockrent i både Firebird och IE, plus att jag optimerat CSS:en en aning. Tack båda två! :) Så här ser CSS:en ut när det fungerar: ``` HTML, BODY { height: 100%; width: 100%; margin: 0px; padding: 0px; } .table { margin: 0px; padding: 0px; height: 100%; width: 100%; } ``` Permalänk: https://www.webforum.nu/p/1245735 --- Tråden på webben: https://www.webforum.nu/amne/html-css/94249-100-höjd-och-bredd