---
title: "Hur fixar man \"korrekt\" utseende på en fieldset med CSS?"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/69293-hur-fixar-man-korrekt-utseende-på-en-fieldset-med-css"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "sabbacus"
published: "2003-02-24T23:34:02.000Z"
updated: "2003-03-11T07:49:38.000Z"
replies: 2
views: 327
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/69293-hur-fixar-man-korrekt-utseende-på-en-fieldset-med-css"
---

# Hur fixar man "korrekt" utseende på en fieldset med CSS?

## #1 — sabbacus, 2003-02-24T23:34Z

Tja. Jag sitter här och morrar över att Phoenix visar mina fieldset prexis som jag vill ha dem medan IE visar en hyfsat morbid variant av samma kod. Hur modifierar jag min stilmall så att IE visar min fieldset som den  "ska" se ut?

Hur det ska se ut:
<http://home.vxu.se/mkand99/fieldset/html_phoenix.gif>

Hur IE6 visar det:
<http://home.vxu.se/mkand99/fieldset/html_IE6.gif>

HTML:
\<fieldset\>
		\<legend\>Först och främst\</legend\>
		text text text
\</fieldset\> 

CSS:
fieldset {
	width: 400px;
	font-size: 12px;
	font-family: verdana;
	background-color: #c0c0c0;
	border: 2px solid black;
}
legend {
	margin-top: 10px;
	font-size: 12px;
	font-family: verdana;
	font-weight: bold;
	background-color: #808080;
	border: 2px solid black;
}

Att ändra margin-top till 0px gör ingen större skillnad då det verkar som att fieldsetelementet verkar gå en bit utanför dess border.

Tips vore trevligt.
/M

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

## #2 — sabbacus, 2003-03-11T01:08Z

Ingen?
\*snyft\*

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

## #3 — Peter S, 2003-03-11T07:49Z

Du kanske skulle kunna använda "div"-element istället?

(Har dock inte tillgång till någon Gecko-läsare för tillfället, men detta fungerar i MSIE 6)

```
<style type="text/css">
<!--

div#fieldset {
	position : relative;
	width : 400px;
	height : 200px;
	padding : 20px 10px 10px 10px;
	background : #c0c0c0;
	border : 2px solid #000;
	font : normal 12px verdana;
}

div#legend {
	position : absolute;
	width : auto;
	top : -10px;
	left : 10px;
	padding : 1px;
	background : #808080;
	border : 2px solid #000;
	font : bold 12px verdana;
	text-align : center;
	z-index : 2;
}

-->
</style>

</head>

<div id="fieldset">
	<div id="legend">Rubrik...</div>

	Lite text här...
</div>
```

 :)

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/69293-hur-fixar-man-korrekt-utseende-på-en-fieldset-med-css