--- title: "problem med float" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/125107-problem-med-float" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "maz0" published: "2005-03-24T20:13:58.000Z" updated: "2005-03-25T09:52:39.000Z" replies: 12 views: 449 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/125107-problem-med-float" --- # problem med float ## #1 — maz0, 2005-03-24T20:13Z Nu har jag kolla på min kod alldeles för länge, behöver friska ögon. Problemet jag har är att menyn inte vill placera sig på rätt ställe. html kod: ``` test
".mysql_error()); mysql_close($conn); while($fraga = mysql_fetch_array($result)) { $text = $fraga['info']; $text = text_replace($text); $rest = substr($text, 0, 1300); // returns "abcdef" echo $rest; } ?> brottsoffermyndigheterna swera
``` css koden ``` /* MAINSTYLE.CSS */ body { background-image:url(../../images/logotyp.gif); background-repeat: no-repeat; margin: 5px 0 0 100px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; } #wrap { text-align: left; width: 620px; padding: 235px 0 0 0; background-image:url(../../images/main_top_bild.jpg); background-repeat: no-repeat; background-position: left top; border: 2px solid #000000; } #content { margin-left: 185px; float: right; width: 420px; padding: 10px 10px 0 0; border: 2px solid #000000; } #content p { font-size: 0.8em; color: #000000; line-height: 1.8em; padding-left: 2em; text-align: justify; } #content h1 { font: normal 180% Georgia, "Times New Roman", Times, serif; color: #B51032; background-color: transparent; } #navigation { float: left; width: 180px; border: 2px solid #000000; } #navigation ul { list-style: none; margin: 0; padding: 0; border: 0; } #navigation li { width: 180px; border-bottom: 1px solid #ED9F9F; margin: 0; padding:: 0; font-size: 80%; vertical-align: bottom; } #navigation a:link, #navigation a:visited { display: block; padding: 5px 5px 5px 0.5em; border-left: 12px solid #722100; border-right: 12px solid #722100; background-color: #B51032; color: #ffffff; text-decoration: none; } #navigation a:hover { background-color: #722100; color: #ffffff; } #navigation ul.subnav { margin-left: 12px; } #navigation ul.subnav li { border-bottom: 1px solid #722100; width: 168; } #navigation .subnav a:link #navigation ul.subnav a:visited { background-color: #ED9F9F; color: #722100; } #footer { clear: both; padding: 0 0 10px 0px; font-size: 0.8em; color: #AAAAAA; background-color: transperent; } ``` någon som hittar felet? Permalänk: https://www.webforum.nu/p/125107 ## #2 — m_soderlund, 2005-03-24T20:19Z Kan du ta en skärmdump på sidan så vi ser vad som blir fel? Permalänk: https://www.webforum.nu/p/1580069 ## #3 — silfver, 2005-03-24T20:21Z Hittade lite fel i din css. Pröva igen: ``` body { background-image:url(../../images/logotyp.gif); background-repeat: no-repeat; margin: 5px 0 0 100px; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; } #wrap { text-align: left; width: 620px; padding: 235px 0 0 0; background-image:url(../../images/main_top_bild.jpg); background-repeat: no-repeat; background-position: left top; border: 2px solid #000000; } #content { margin-left: 185px; float: right; width: 420px; padding: 10px 10px 0 0; border: 2px solid #000000; } #content p { font-size: 0.8em; color: #000000; line-height: 1.8em; padding-left: 2em; text-align: justify; } #content h1 { font: normal 180% Georgia, "Times New Roman", Times, serif; color: #B51032; background-color: transparent; } #navigation { float: left; width: 180px; border: 2px solid #000000; } #navigation ul { list-style: none; margin: 0; padding: 0; border: 0; } #navigation li { width: 180px; border-bottom: 1px solid #ED9F9F; margin: 0; padding: 0; font-size: 80%; vertical-align: bottom; } #navigation a:link, #navigation a:visited { display: block; padding: 5px 5px 5px 0.5em; border-left: 12px solid #722100; border-right: 12px solid #722100; background-color: #B51032; color: #ffffff; text-decoration: none; } #navigation a:hover { background-color: #722100; color: #ffffff; } #navigation ul.subnav { margin-left: 12px; } #navigation ul.subnav li { border-bottom: 1px solid #722100; width: 168px; } #navigation .subnav a:link #navigation ul.subnav a:visited { background-color: #ED9F9F; color: #722100; } #footer { clear: both; padding: 0 0 10px 0px; font-size: 0.8em; color: #AAAAAA; background-color: transparent; } ``` [css-validatorn](http://jigsaw.w3.org/css-validator/) brukar fixa biffen. :) Permalänk: https://www.webforum.nu/p/1580070 ## #4 — maz0, 2005-03-24T20:28Z Permalänk: https://www.webforum.nu/p/1580074 ## #5 — silfver, 2005-03-24T20:32Z > **maz0 skrev:** > > Har du prövat att minska bredden på menyn? Alternativt minska bredden på "main"-innehållet. Permalänk: https://www.webforum.nu/p/1580075 ## #6 — maz0, 2005-03-24T20:38Z ja, har provat med båda Permalänk: https://www.webforum.nu/p/1580079 ## #7 — maz0, 2005-03-24T20:39Z fixade felen i css filen, men det hjälpte inte heller Permalänk: https://www.webforum.nu/p/1580080 ## #8 — maz0, 2005-03-24T20:41Z även om jag ökar width på #wrap med 100px så åker inte menyn upp Permalänk: https://www.webforum.nu/p/1580082 ## #9 — zcorpan, 2005-03-24T20:58Z Antingen lägger du #navigation före #content i källkoden, eller använder du position:absolute; istället för float. Permalänk: https://www.webforum.nu/p/1580087 ## #10 — maz0, 2005-03-24T21:06Z > Antingen lägger du #navigation före #content i källkoden, eller använder du position:absolute; istället för float. Att byta plats på nav och con hjälper gör ingen skillnad (förutom att nav hamnar i topen och content i botten) att använta position:absolute är ett alternativ, men det ska fungera med float. position: relative skulle oxå vara ett alternativ Permalänk: https://www.webforum.nu/p/1580090 ## #11 — zcorpan, 2005-03-24T21:09Z Gör bara den ena flytande och den andra statisk. Dvs, ta bort float:left; från #navigation. Permalänk: https://www.webforum.nu/p/1580091 ## #12 — Karlsson, 2005-03-24T22:32Z Du har ju en margin-left på #content på 180px... Permalänk: https://www.webforum.nu/p/1580106 ## #13 — maz0, 2005-03-25T09:52Z tack för hjälpen karlsson Permalänk: https://www.webforum.nu/p/1580161 --- Tråden på webben: https://www.webforum.nu/amne/html-css/125107-problem-med-float