--- title: "div problem" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/118134-div-problem" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Thistel" published: "2004-12-15T23:10:01.000Z" updated: "2004-12-20T10:15:03.000Z" replies: 15 views: 581 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/118134-div-problem" --- # div problem ## #1 — Thistel, 2004-12-15T23:10Z Har fastnat på ett problem med \< div \> taggen. 1\. I FF så vill inte menyn ligga kvar i toppen. Varför? 2\. I IE så syns inte hela sidan när man scrollat ner. Varför? Sidan finns här: [Demo sida](http://web.telia.com/~u46506521/SwAF/index_2.htm) Css filen här: [Css](http://web.telia.com/~u46506521/SwAF/swaf2.css) Permalänk: https://www.webforum.nu/p/118134 ## #2 — Thistel, 2004-12-16T09:33Z Ingen som har ngt tips eller lösning? Permalänk: https://www.webforum.nu/p/1507884 ## #3 — greggan, 2004-12-16T09:48Z jag kör IE och jag får kännslan av att den bit som fattas är lika hög som menyn. Kolla om det finns något samband där. Kan typ inget om div men det kanske kan vara nån hjälp? ``` .div_meny { background:#FFFFFF} .div_main {overflow: auto;height: 100%;} ``` div_main kanske inte ska vara 100%? Permalänk: https://www.webforum.nu/p/1507894 ## #4 — Thistel, 2004-12-16T10:00Z Har testat att ändra height men det blir inte rätt ändå. Sidan anpassar sig inte efter fönsterstorlek. Permalänk: https://www.webforum.nu/p/1507900 ## #5 — greggan, 2004-12-16T11:16Z men har du testat ta bort meny div:en tillfälligt bara för att se om det är den som strular till det? Permalänk: https://www.webforum.nu/p/1507929 ## #6 — Thistel, 2004-12-16T16:26Z Jupp..får i princip samma fel ändå. Permalänk: https://www.webforum.nu/p/1508054 ## #7 — Thistel, 2004-12-18T23:16Z Hmm..ingen som har ngt tips? Då får det bli frames igen. Permalänk: https://www.webforum.nu/p/1508932 ## #8 — celia, 2004-12-18T23:22Z Vad som helst men inte frames ;) Posta lite kod så kanske det är nån som kan hjälpa dig. r/ ja okej då man kan kolla på view source... Sätt border eller bakgrundsfärg på divarna så är det lättare för dig att se vad som blir fel. Vid en snabb koll så har du blandat tabeller och divar. Antingen eller, välj ett av dem. Permalänk: https://www.webforum.nu/p/1508933 ## #9 — Thistel, 2004-12-18T23:30Z Html koden för sidan: ``` =\SWAF - Swedish Air Force/=
www.swaf.se Ny bild varje veckodag!
.35 draken | .37 viggen | .39 gripen
.foton | .shop | .länkar

  Nyheter  

Välkommna till SwAF.
Här på SwAF har vi tänkt publicera fakta, foton och historik kring de flygplan som Svenska Flygvapnet haft och har. Tyngdpunkten kommer att ligga på jetplan och modern tid.

37412 ViggenOrden
JA 37 Viggen(37412) från F4 målades i en matt-svart färg och med guld färgade markeringar.....Makeringarna på ovansidan är så gjorda att de härmar märket till Viggen orden.


Exempel på detta kan vara nya bilder som lagts in, ny info, etc. Testlänk

TEST

TESTlänk

TEST

TEST

TEST

TEST

TEST

TEST

TEST

TEST

TEST

Publicerad: 11/17/2004 Uppdaterad: 12/15/2004
Kontakta SWAF | Om SwAF | Copyright © SwAF 2004 All rights reserved
Valid HTML 4.01!

1
2
3
4
5
6
``` Css koden: ``` BODY { background-image: url(insignia.gif); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; color: #0000FF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin-left: 0cm; margin-right: 0cm; margin-top: 0cm; overflow-y: hidden;padding: 0; scrollbar-base-color: #87A4DE; scrollbar-face-color: #B0C4DE; scrollbar-highlight-color: #FFFFFF; scrollbar-shadow-color: #FFFFFF; scrollbar-3dlight-color: #87A4DE; scrollbar-darkshadow-color: #B0C4DE; scrollbar-arrow-color: #FFFFFF; scrollbar-track-color: #FFFFFF } H1 { font-family: Arial; font-size: 30pt; font-weight: bold; color: #8000FF } H2 { font-family: Arial; font-size: 20pt; font-weight: bold } H3.bold { font-family: Arial; font-size: 10pt; font-weight: bold } H3.italic { font-family: Arial; font-size: 10pt; font-weight: italic } H3.grey { font-family: Arial; font-size: 10pt; font-weight: normal; color: #CCCCCC } H3.white { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #FFFFFF } P { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: normal } B.white { font-family: Arial; font-size: 8pt; font-style: italic; color: #FFFFFF } B.blue { font-family: Arial; font-size: 8pt; font-weight: normal; color: #0000FF } a:link { text-decoration: none; color: #565A5D} a:visited { text-decoration: none; color: #000000} a:active { text-decoration: none; color: #000000} a:hover { color: #FFFFFF; background-color: #B0C4DE} .faktarubrik { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #6B6E73} .faktatext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #7B8085} .faktatextbold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #333333 } .contactbackground { background-color:transparent; border: 1px dotted } .skickaknapp { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; color: #666666; background-color:transparent; border: #0099CC; border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px} .div_faktatext { margin:auto; text-align: left; width: 75%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #7B8085} .div_faktatext_leftcolum { margin:auto; text-align: left; width: 40%; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #7B8085} .div_faktatext_right { margin:auto; text-align: left; width: 60%; float:right; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #7B8085} .div_faktatext_left { margin:auto; text-align: left; width: 75%; float:left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; color: #7B8085} .div_meny { background:#FFFFFF} .div_main {overflow: auto;height: 100%;} ``` Permalänk: https://www.webforum.nu/p/1508937 ## #10 — celia, 2004-12-18T23:53Z Lägg all CSS i externa filen. Rensa bort hälften av divarna, de behövs inte. Å andra sidan ligger menyn faktiskt kvar i FF :) Permalänk: https://www.webforum.nu/p/1508941 ## #11 — Thistel, 2004-12-19T00:07Z Jo jag har upptäckt att den ligger kvar nu med men varför syns inte hela sidan? Permalänk: https://www.webforum.nu/p/1508943 ## #12 — celia, 2004-12-19T00:20Z ```
``` Den är inte specad i CSS-filen. Permalänk: https://www.webforum.nu/p/1508952 ## #13 — Thistel, 2004-12-19T00:27Z Oj..ett stavfel. Iofs så spelade det ingen roll. de sista raderna syns inte..de ligger liksom utanför webläsaren. Permalänk: https://www.webforum.nu/p/1508957 ## #14 — celia, 2004-12-19T00:46Z Antingen är det nåt innehåll som ligger utanför en div eller så är det detta: ``` overflow-y: hidden ``` Permalänk: https://www.webforum.nu/p/1508959 ## #15 — Thistel, 2004-12-19T17:40Z Provade tabort det, ändra till overflow: auto; mm..blir samma skumma fel. Sista raderna syns inte trotts att man scrollar. Provde ändra height med men det var samma där. Permalänk: https://www.webforum.nu/p/1509157 ## #16 — Thistel, 2004-12-20T10:15Z Det får bli frames. Kan inte bli enklare att få den funktion på siten som jag vill ha. :birp Permalänk: https://www.webforum.nu/p/1509381 --- Tråden på webben: https://www.webforum.nu/amne/html-css/118134-div-problem