--- title: "float som inte kan positioneras" type: "forum-thread" url: "https://www.webforum.nu/amne/html-css/186403-float-som-inte-kan-positioneras" topic: "HTML & CSS" topic_url: "https://www.webforum.nu/amne/html-css" author: "caro-a" published: "2011-03-14T12:07:04.000Z" updated: "2011-03-14T13:30:29.000Z" replies: 6 views: 644 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/186403-float-som-inte-kan-positioneras" --- # float som inte kan positioneras ## #1 — caro-a, 2011-03-14T12:07Z Jag har stort problem med att positionera två divar i en i headern så att säga. Vid mindre webbläsarfönster flyter den högra över den vänstra och jag har försökt med float:left och right, margin, och position:relative tillsammans med float och utan float med top,left,right,bottom osv osv. Ingenting fungerar! Vill veta vad jag gör för fel, har hållit på i månader nu men kan inte lösa det... Permalänk: https://www.webforum.nu/p/186403 ## #2 — Danne V, 2011-03-14T12:21Z En himla bra idé är att visa koden. Gärna en länk till sidan också. Annars krävs det ett medie för att kunna hjälpa. Permalänk: https://www.webforum.nu/p/2272600 ## #3 — caro-a, 2011-03-14T12:42Z Det är konstigt för innehållet i containern är också float men flyttas inte alls! Här är sidan och koden för headern och menyn i wordpress: /\* HEADER \*/ \#header{ margin:0; padding:0; width:100%; height:169px; background:#b60e52; } \#headone{ float:left; margin:0px 0px 0 0px; width:100%; height:167px; background-image:url(http://img138.imageshack.us/img138/1702/headerdww.jpg); background-repeat:no-repeat; border-bottom: 1px ridge #b60e52; } \#headone h1{ font-size:2em; padding:20px 15px 0px 100px; color:#b60e52; } \#headone h2{ padding:15px 0px 0px 20px; color:#b60e52; font-size:16px; } \#headtwo{ float:right; margin:10px 0px 0 0px; } /\* MENU \*/ ul#menu{ margin-top:169px; padding:10px; color:#464646; font-size:1.5em; list-style-type:none; width:100%; height:70px; background-image:url(http://img714.imageshack.us/img714/2982/lowvu.jpg); background-repeat:no-repeat; border-bottom: 3px ridge #b60e52; } ul#menu li { position:relative; top:20px; left:200px; font-size:1em; display:inline; width:100%; font-family:verdana,arial,"lucida sans",geneva,trebuchet,helvetica,sans-serif; } ul#menu li a { padding:0 15px; display:inline; color:#464646; margin-right:2px; font-size:1em; width:100%; } ul#menu li a:hover { padding:0 15px; display:inline; color:#000; margin-right:2px; font-size:1em; width:100%; } Permalänk: https://www.webforum.nu/p/2272603 ## #4 — caro-a, 2011-03-14T13:05Z Nu har jag redigerat koden ovan som den ser ut nu! Permalänk: https://www.webforum.nu/p/2272604 ## #5 — caro-a, 2011-03-14T13:15Z Vad jag kan se nu har jag lyckats lösa det problemet men menyn flyter fortfarande iväg och så har jag **för mycket marginal till höger jag inte vet hur jag får bort!** Saken är den att jag gärna vill placera element i den högra headern också, men inget vill lägga sig där! Någon som kan se vad jag gör för fel? Permalänk: https://www.webforum.nu/p/2272605 ## #6 — voigtann1, 2011-03-14T13:26Z Hur ser HTML koden ut? Permalänk: https://www.webforum.nu/p/2272606 ## #7 — caro-a, 2011-03-14T13:30Z \ \\> \ \ \\ \ » Blog Archive \ \\ \ \ \ \ \ \ \