TEST FIREFOX

--- title: "FireFox problem!!! Hjälp!" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/171699-firefox-problem-hjälp" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "parabol_daniel" published: "2008-05-21T21:48:26.000Z" updated: "2008-05-21T22:22:36.000Z" replies: 6 views: 496 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/171699-firefox-problem-hjälp" --- # FireFox problem!!! Hjälp! ## #1 — parabol_daniel, 2008-05-21T21:48Z Hej jag har gjort en liten hemsida med css och \ar för att testa. Tidigare har jag använt tabeller för att få allt på plats. Sidan ser ut som den ska i IE7 men i Firefox går det helt åt skogen. Texten hamnar utanför sidan och under menyn :l Hur ska css-koden se ut för att det ska bli bra i firefox??? **index.html** ``` TEST FIREFOX

Text på sidan.

``` **style.css** ``` body { background-color:#000000; color:#FF0000; } #container { background-color:#FFFFFF; width:800px; height:500px; margin:100px; } #header { background-color:#666666; width:800px; height:100px; } #menu { float:left; background-color:#999999; width:170px; height:100%; } #footer { background-color:#666666; width:800px; height:50px; } ``` Permalänk: https://www.webforum.nu/p/171699 ## #2 — Palle, 2008-05-21T22:00Z 1\. Börja med att använda en [Doctype](http://www.alistapart.com/articles/doctype/) så webbläsaren vet hur den ska rendera din sida. 2\. När du använder *float* måste du alltid se till att [återställa ordningen med **clear**](http://www.mezzoblue.com/archives/2005/03/03/clearance/). Lycka till! :) Permalänk: https://www.webforum.nu/p/2111803 ## #3 — Danne V, 2008-05-21T22:06Z FF gör nog precis som du skriver och inte skriver. Du har ingen stil på #main över huvud taget, och du har satt "height" på både #container och #menu vilket är helt onödigt. Dessutom behöver du ett clear:both för att trycka ner footern och en doctype (DTD). Testa att bygg vidare på det här: ``` TEST FIREFOX

Text på sidan.

en så att bakgrunden går ända ner, hur ska jag göra?? Permalänk: https://www.webforum.nu/p/2111806 ## #6 — Danne V, 2008-05-21T22:19Z > **parabol_daniel skrev:** > > En sak till > Jag vill att menyns höjd ska anpassa sej efter "main" \en så att bakgrunden går ända ner, hur ska jag göra?? Det går inte utan ganska mycket krångel eller med javascript. Tyvärr. Det enklaste är faktiskt om du gör en bakgrundsbild som du lägger in i #container oc repeterar vertikalt. Du gör alltså vänsterdelen av bilden som en bakgrund till menyn och högerdelen som bakgrund till #main. Då ser det ut som om #meny och #main alltid är lika höga. Red: Såg nu att Palle också påpekat vikten av DTD och en clear. Permalänk: https://www.webforum.nu/p/2111809 ## #7 — parabol_daniel, 2008-05-21T22:22Z OK Tack så mycket! Permalänk: https://www.webforum.nu/p/2111810 --- Tråden på webben: https://www.webforum.nu/amne/html-css/171699-firefox-problem-hjälp