---
title: "Två <form></form> på samma höjd?!"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/171845-två-form-form-på-samma-höjd"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Ken"
published: "2008-05-29T07:51:32.000Z"
updated: "2008-06-03T14:57:42.000Z"
replies: 6
views: 662
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/171845-två-form-form-på-samma-höjd"
---

# Två <form></form> på samma höjd?!

## #1 — Ken, 2008-05-29T07:51Z

Hur får man två form, som innehåller bl.a textruta och submitknapp att bli på samma höjd inte efter varandra, enlig koden nedanför 

```
<form> 
</form> 
 
<form> 
</form>
```

Permalänk: https://www.webforum.nu/p/171845

## #2 — Maacus, 2008-05-29T08:02Z

Går det inte att göra en table med två kolumner i så borde du få dom sidan om varandra.
Alternativt köra med div taggar och absolute position eller något liknande.

Permalänk: https://www.webforum.nu/p/2115868

## #3 — Danne V, 2008-05-29T08:03Z

Lägger dom i varsina divvar och floatar dom. Typ:

```
<div style="float:left; background:#ccc; width:300px;">
<form></form>
</div>
<div style="float:left; background:#ccff00;width:300px;">
<form></form>
</div>
```

(La bakgrundsfärger för att det syns bättre)

Permalänk: https://www.webforum.nu/p/2115869

## #4 — Okkido, 2008-05-29T08:31Z

diven runt om är helt onödig. Lägg float direkt på form.

Permalänk: https://www.webforum.nu/p/2115871

## #5 — Danne V, 2008-05-29T08:37Z

> **Okkido skrev:**
>
> diven runt om är helt onödig. Lägg float direkt på form.

Heh... det var faktiskt min första tanke. Men så fick jag för mig att det kanske inte var kosher utan "förbjudet" enligt nån obskyr W3C-definiton nånstans.  :h

Permalänk: https://www.webforum.nu/p/2115872

## #6 — her0n, 2008-06-03T13:53Z

```
<div>
	<form style="float: left;">
	</form>
	<form style="float: left;">
	</form>
<div style="clear: both;"></div>
</div>
```

Permalänk: https://www.webforum.nu/p/2116623

## #7 — Troxy, 2008-06-03T14:57Z

> **Danne V skrev:**
>
> Heh... det var faktiskt min första tanke. Men så fick jag för mig att det kanske inte var kosher utan "förbjudet" enligt nån obskyr W3C-definiton nånstans.  :h

**Alla** egenskaper får fritt anges för **alla** element (sk. "type selectors") i CSS.  :bire 
Faktum är att CSS inte är direkt sammankopplat med (X)HTML, utan är konstruerat för att fungera med ett "document language" (vilket i praktiken bara är HTML+XML än så länge).
Så CSS-koden är giltig (valid) enligt W3C så länge man använder en korrekt syntax och giltiga egenskaper och värden.
Följande snutt är giltig CSS även om det inte finns någon tagg med namnet "foo" i (X)HTML:

```
foo { color: green }
```

Permalänk: https://www.webforum.nu/p/2116630

---

Tråden på webben: https://www.webforum.nu/amne/html-css/171845-två-form-form-på-samma-höjd