---
title: "Går det att flytta divs i koden, men att den ligger kvar på samma ställe"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/145638-går-det-att-flytta-divs-i-koden-men-att-den-ligger-kvar-på-samma-ställe"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Nova"
published: "2006-04-17T08:56:51.000Z"
updated: "2006-04-18T06:56:50.000Z"
replies: 8
views: 643
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/145638-går-det-att-flytta-divs-i-koden-men-att-den-ligger-kvar-på-samma-ställe"
---
# Går det att flytta divs i koden, men att den ligger kvar på samma ställe
## #1 — Nova, 2006-04-17T08:56Z
Min sida är i stora drag uppbyggd så här
div wrapper
div top
div left
div content
div right
div botten
Alltså en sida med topp, vänster, mitten, höger och botten innehåll.
```
#wrapper
{
width:100%;
max-width:850px;
}
#siteName{
width:100%;
height: 70px;
}
/* Vänsterspalt */
#headlines{
float:left;
width: 18%;
}
/* Mitten */
#content{
float: left;
width: 57%;
}
/*hogerspalt*/
#navBar
{
float:right;
width:18%;
}
/************* #Langst ned p sidan ***************/
#siteInfo{
clear: both;
border: 1px solid #cccccc;
font-size: 75%;
color: #334d55;
padding: 10px 10px 10px 15px;
background-color: #eeeeee;
}
```
Går det och hur i sånna fall, flytta om i koden så att vänsterspalt kommer efter content i själva koden med hamnar rätt när man tittar på sidan?
I koden skulle jag vilja ha så här
div wrapper
div top
div content
div left
div right
div botten
Permalänk: https://www.webforum.nu/p/145638
## #2 — CatZ, 2006-04-17T09:01Z
Går kanske med absolut positionering eftersom du tvingar elementen att vara där du anger? Enligt mitt tycke ska man dock koda så att allting är i koden var det motsvarar på sidan. Det blir enklare då. ;) Hoppas jag inte gjort bort mig nu :e
Permalänk: https://www.webforum.nu/p/1800893
## #3 — Okkido, 2006-04-17T10:06Z
Jag tycker CatZ gör bort sig, för jag antar att content är viktigare för användaren än left?
Nu är jag för bakis för att orka kolla koden, men kan du inte bara sätta float:right; på left?
Permalänk: https://www.webforum.nu/p/1800918
## #4 — CatZ, 2006-04-17T15:44Z
> **Okkido skrev:**
>
> Jag tycker CatZ gör bort sig, för jag antar att content är viktigare för användaren än left?
>
> Nu är jag för bakis för att orka kolla koden, men kan du inte bara sätta float:right; på left?
Vad menar du egentligen?? Måste vara riktigt bakis! Du talar i tungor... :P
Permalänk: https://www.webforum.nu/p/1801089
## #5 — Okkido, 2006-04-17T15:58Z
Okej.
1\. innehållet i content är viktigare än innehållet i left och borde därför ligga före i html-filen.
2\. Här vet jag inte riktigt hur jag tänkte.
Permalänk: https://www.webforum.nu/p/1801094
## #6 — jarvklo, 2006-04-17T20:44Z
Hmm..
Vara hur det vill med åsikter hit eller dit om vad man "kan", "får" eller "bör" göra :e
Såhär ***kan*** du göra Nova (om du kan acceptera en wrapper till villsäga ;) )
```
Ett av jarvklos exempel
```
Det fina i kråksången blir att du med den koden också enkelt kan byta plats på vänster och högerkolumnerna med några enkla CSS-ändringar (utan absolutpositioneringar):
```
```
... och att det inte spelar någon roll om "left" eller "content" är den container som innehåller själva innehållet (dvs exemplet med extrawrappern täcker både CatZ och kids invändningar/åsikter i frågan beroende på vilket innehåll man vill lägga var i koden) :
```
```
Fast det är klart - sedan följer väl debatten huruvida man "får" lägga in extra wrappers sådär eller ej, men det är en \*helt\* annan diskussion det (typ - det eviga kriget ;) ) - och vad jag tycker framgår väl av exemplen ;)
Lycka till Nova! :birp
Permalänk: https://www.webforum.nu/p/1801257
## #7 — CatZ, 2006-04-18T03:03Z
Snygg lösning Jarvklo! ;) Ska inte säga mer i ämnet :birp
Permalänk: https://www.webforum.nu/p/1801326
## #8 — tanten, 2006-04-18T06:40Z
Ur tillgänglighetssynpunkt så finns det förmodligen ganska många som behöver tänka som Nova nu och många som kommer ha hjälp av Jarvklos exempel. Många ideér kan man också få på zengardens över 900 exempel där html-koden är den samma på alla sidorna och bara css-filen som skiljer dem åt.
Det är ju viktigt att innehållet på sidan utan css ska komma i rätt ordning för den som inte kan se.
Om menyerna ska finnas längst ner eller högst upp kan jag tycka beror helt på om man har skippa-länkar som gör att man kan hoppa till innehållet eller inte. Kommer rubrikerna i rätt ordning? h1 till h6. Har paragraferna en följdordning som låter vettig när den läses upp? Innehållet i tabeller gjorda för design kan komma i vädigt konstig ordning när den läses upp.
I stället för att göra html-sidan först, är det nog många av oss som börjar från andra hållet. Man har en önskad design och sedan försöker man peta in innehållet i den, vilket kanske inte alltid fungerar så bra.
Jag gissar att det finns många, som precis som Nova, kommer att vilja flytta saker i html-koden utan att utseendet på sidan ändras.
Kan nog behövas många extrawrappers framöver om man vill tänka tillgänglighet. :bire
Permalänk: https://www.webforum.nu/p/1801343
## #9 — Nova, 2006-04-18T06:56Z
Fungerar hur bra som helst jarvklo, nu ska jag bara pillra till så utskrifterna blir bra.
Min lilla lekstuga finns här
Där ligger utkastet.
Permalänk: https://www.webforum.nu/p/1801351
---
Tråden på webben: https://www.webforum.nu/amne/html-css/145638-går-det-att-flytta-divs-i-koden-men-att-den-ligger-kvar-på-samma-ställe