Namn

--- title: "Två problem - Dynamisk höjd och scroll" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/140235-två-problem-dynamisk-höjd-och-scroll/page2" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "Fireh" published: "2006-01-03T15:32:12.000Z" updated: "2006-01-07T20:14:21.000Z" replies: 38 views: 1770 page: 2 pages: 2 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/140235-två-problem-dynamisk-höjd-och-scroll" --- # Två problem - Dynamisk höjd och scroll _Sida 2 av 2._ ## #21 — blåjeans, 2006-01-06T12:38Z > **tanten skrev:** > > Hittade den här länken i ett annat forum > TACK!! :f Det funkade!! :D Tänk att det kan vara så enkelt. > Har du gett oss någon länk till din sida ännu... eller har jag missat det? Om du menade min sida så finns den i min signatur... :) Permalänk: https://www.webforum.nu/p/1739355 ## #22 — tanten, 2006-01-06T14:04Z Problem 1 Ett problem är att jag inte ser någon större skillnad. Flaggorna ligger i den ordning du vill. Är det avstånd till text och liknande du menar? Du ska ta bort border=0 i koden och ha border:none; i css. Förslagsvis img{} I den kan du också fylla i med margin och padding eller vad du nu vill förändra. Permalänk: https://www.webforum.nu/p/1739393 ## #23 — Fireh, 2006-01-06T14:12Z Inte ser skillnaden...? Ja, allt ligger i rätt ordning i båda. Men funktionsmässigt måste du väl ändå se nån skillnad? Den CSS-baserade trycker ihop allt i en enda hög med minimal höjd. Den tabell-baserade varierar höjden efter fönstrets storlek. Det är så jag vill ha det, fast helst utan tabell (om det går). [CSS-baserad](http://www.fireh.se/wf/select.asp) [Tabell-baserad (så här ska det fungera)](http://www.fireh.se/wf/tabell.asp) Dvs... om man har 800x600 i upplösning ska allt dras ut på höjden så att flaggorna är längst ner på skärmen. Om man har 1280x1024 ska samma sak hända där. Den med CSS ändrar inte storlek, den är statisk. Enklast syns det om du ändrar storleken på IE-fönstret, så ser du att den med tabell ändrar storlek. Permalänk: https://www.webforum.nu/p/1739395 ## #24 — zcorpan, 2006-01-06T14:37Z ``` Namn

Please choose your language

``` Permalänk: https://www.webforum.nu/p/1739406 ## #25 — Fireh, 2006-01-06T15:09Z Humm... blev ju annorlunda i alla fall... Innehållet ligger dock lika statiskt fast som tidigare... Border på flaggorna verkade inte försvinna med "border-type:none;". [zcorpans kod](http://www.fireh.se/wf/select-test.asp) Permalänk: https://www.webforum.nu/p/1739413 ## #26 — zcorpan, 2006-01-06T15:25Z Oj, border-type ska förstås vara border-style. Fixat. Det är inte "statiskt" i webbläsare som har stöd för 'display:table' och 'display:table-row'. Permalänk: https://www.webforum.nu/p/1739419 ## #27 — Fireh, 2006-01-06T15:47Z Sådana webbläsare i all ära. Men företaget riktar sig främst till andra företag och då är nog risken störst att det är IE som används. Det är det ju i vilket fall som helst då IE hade en marknadsandel på ca 90% eller vad jag läste. Och de privatpersoner som skulle vara intresserade av denna sida är troligen inte några datorentusiaster som använder andra webbläsare i majoritet heller. Jag försöker dock få den att se så identisk ut i både IE och FF. Du får gärna komma med förslag på följdproblemet i problem 2 med att bakgrunden försvann i FF när det fixades med #siteinfo längst ner på sidan. Ang problem 1 så tror jag att det får bli en mer utarbetad tabell ändå. Verkar inte finnas någon bra lösning med CSS som gör att det ser ut som jag och företaget önskar. Permalänk: https://www.webforum.nu/p/1739424 ## #28 — tanten, 2006-01-06T16:11Z .Kopierade fel kod Permalänk: https://www.webforum.nu/p/1739435 ## #29 — tanten, 2006-01-06T16:12Z Och vad händer om du gör så här Lite ändringar i Zcorpans kod. \

Please choose your language

``` [Till sidan](http://www.fireh.se/wf/select-test.asp) Permalänk: https://www.webforum.nu/p/1739456 ## #31 — tanten, 2006-01-06T17:50Z Jag brukar försöka ta hänsyn till funktionshindrade och då är deras bildskärmar oftast 640 breda... En svår bredd eftersom sidor oftast är bredare än så. Jag sätter då procent på bredden. d.v.s. oavsett skärm så ska innehållet ha en bredd på t.ex 70%. Om du sätter din bredd till t.ex 82-83% i stället för 800px så kommer flaggorna lägga sig under varandra vid mindre skärmstorlekar. Och väldgt bred vid stora bildskärmar. Men det är bättre tycker jag än att någon ska behöva scrolla sidledes. En annan möjlighet är att göra en egen stylesheet för de olika storlekarna på skärmar. De som jobbar så brukar oftast ha tre st. small, medium och large. Men det blir ju en hel del jobb med det... Permalänk: https://www.webforum.nu/p/1739466 ## #32 — Fireh, 2006-01-06T17:56Z Alltså, det är ju inte bredden jag har problem med. Bredden är bra. Det är flaggornas placering i höjdled. Jag vill ha dem länst ner. Så som det är på den här [tabellsidan](http://www.fireh.se/wf/tabell.asp). Om du gör ditt browserfönster "icke maximerat" och sedan tar tag i nedre högerkanten och justerar storleken på fönstret, så ser du att flaggornas placering justerar sig efter fönstret så att de alltid ligger typ 20 pixlar från sidans botten. Permalänk: https://www.webforum.nu/p/1739467 ## #33 — tanten, 2006-01-06T19:10Z Mynten börjar sakteliga trilla ner i min gamla skalle... Jag såg inte att du hade bottentexten kvar på den du visade nu, så jag försökte bara med flaggorna. Kanske är detta något för dig att jobba vidare med. dl{left:15%; top:80%; position: absolute; } Jag hade tagit bort din bottentext när jag testade Permalänk: https://www.webforum.nu/p/1739503 ## #34 — Fireh, 2006-01-06T19:46Z Det tar sig... nu ska jag försöka förklara helt från grunden :OO Framsidan ska bygga på deras visitkort ([se här](http://www.fireh.se/wf/visitkort.jpg)), dvs det ska vara samma ljusgrå bakgrund som på allt annat, loggan ska vara längst upp, och raden med de skandinaviska flaggorna ska vara längst ner. Så ska förstasidan se ut oavsett vilken skärmupplösning man har när man kommer. Den engelska flaggan ska ligga helt i mitten tillsammans med lite annan text. Det är inte nödvändigt att ha med Namn (C) 2006 på förstasidan. Därför har jag tagit bort det därifrån. Företaget i fråga vill egentligen ha förstasidan ännu smalare så att det "verkligen" känns som ett visitkort i större format. Detta har jag dock inte lyssnat på då jag tycker det ska följa samma upplägg i design/bredd som resten av sidorna och inte blanda. Det viktiga är i alla fall att flaggorna ska ligga på en rad absolut längst ner på sidan. Visst, en 20-40 pixlar uppåt går väl bra. För att då få placeringen rätt i höjdled ändrade jag så här: dl { left:20%; bottom:30px; position:absolute; } Dock vet jag inte hur jag får det att centreras på sidan. Left känns inte som ett alternativ där egentligen. Men tar jag bort det hamnar det från mitten och åt höger. Två saker kvar då... 1\. Centrera flaggorna och texten där nere. 2\. Den engelska flaggan ska centreras i höjdled, dvs middle. [Ser ut så här nu](http://www.fireh.se/wf/select-test.asp) Permalänk: https://www.webforum.nu/p/1739532 ## #35 — zcorpan, 2006-01-07T09:32Z > \ > \

Please choose your language\ ...borde nog vara: ```

Please choose your language