---
title: "css/formulär problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/158573-css-formulär-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Linski"
published: "2007-03-25T17:21:41.000Z"
updated: "2007-03-25T17:45:11.000Z"
replies: 2
views: 247
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/158573-css-formulär-problem"
---

# css/formulär problem

## #1 — Linski, 2007-03-25T17:21Z

Hejsan.

Är ny här  :) och har en fråga på hur det här skulle funka....

Gör en sida där ett formulär finns och text vid sidan om. Designen på sidan ska vara konstant, dvs att allt ska se likadant ut oavsett hur stort fönstret är. Det är uppbyggt med html och css och alla andra sidor är som de ska både i explorer och firefox, men inte just ansökningssidan.
Är det någon som stött på det här tidigare?
\----------------------------------------------------------
Ansökningssidan:
\<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"\>

\<html\>

\<head\>
\<style type="text/css"\>

\<!--

\#tabell  {position: absolute; left: 45px; top:70px; right:50px}

\#ansrub  {
	position: absolute;
	right: 230px;
	top:166px;
	left: 482px;
	width: 345px;
	height: 21px;
} 

\#ansrut  {position: absolute; left: 540px; Top: 205px;}

\#ansrut1  {position: absolute; left: 480px; Top: 495px;}

\#ansrut2  {position: absolute; left: 480px; Top: 570px;}

\#anstext  {position: absolute; left: 480px; Top: 200px; line-height: 25px;}

\#anstext1  {position: absolute; left: 480px; Top: 450px; line-height: 20px;}

\#anstext2  {position: absolute; left: 480px; Top: 550px;}

\--\>

\</style\>

\<title\>Ans&ouml;kan\</title\>

\<link href="stilmall.css" rel="stylesheet" type="text/css"\>

  \<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"\>

\</head\>

\<body bgcolor="FFFAFA"\>

\<div id="pagewidth"\>

\<form method="POST" action="http://formfixer.com/ff/ff.cgi"\>

    \<div id="tabell"\>

		\<table width="100%" border="0" cellspacing="1" cellpadding="1"\>

      \<tr\>

        \<td\>

            \<p\>Du kan ans&ouml;ka om medlemsskap genom foruml&auml;ret h&auml;r 

              till h&ouml;ger eller till v&aring;r medlemsansvarige Anders Claesson, 

              tel xxxx,  

            \<p\> Medlemsavgiften &auml;r 250 kr vid intr&auml;de och d&auml;refter 

              200 kr om &aring;ret. Anv&auml;nd klubbens Plusgiro 353 457-5. Avgiften 

              betalar du sj&auml;lv direkt, vilket &auml;r smidigast f&ouml;r 

              klubben (gl&ouml;m inte att skriva namn och adress) eller via inbetalningskortet 

              som du kommer att f&aring; skickat till dig efter anm&auml;lan. 

              Du kommer sedan att f&aring; en matrikel och vagnsm&auml;rke till 

              bilen. H&auml;r intill kan du fylla i uppgter som vi beh&ouml;ver 

              fr&aring;n dig f&ouml;r att du ska kunna bli medlem. 

            \<p\> Har du fr&aring;gor om klubben &auml;r du v&auml;lkommen att h&ouml;ra 

              av dig till klubbens ordf&ouml;rande Kjell Adelsund p&aring; telefon 

              xxxxeller via \<a href="mailto:cccc"\> e-post.\</a\> 

            \<p\> V&Auml;LKOMMEN!

\</td\>

        \<td\>\<img alt="etikett (11K)" src="bilder/etikett.gif" height="594" width="385" /\>\</td\>

      \</tr\>

    \</table\>\</div\>

	  \<p\>

      \<input type="hidden" name="s_email" value="linnea.nystrom@spray.se"\>

      \<input type="hidden" name="s_retur" VALUE="http://hem.bredband.net/nysli/bli_medlem-anm_skickad.htm"\>

    \</p\>

    \<div id="ansrub"\>\<font face="Arial, Helvetica, sans-serif" size="4"\>Ans&ouml;kan 
      om medlemsskap i SSJ\</font\>\</div\>			

    \<div id="ansrut"\> 

      \<p\>\<input type="text" name="Namn" size="30"\>
\<p\>\<input type="text" name="Adress" size="30"\>
\<p\>\<input type="text" name="Postadress" size="30"\>
\<p\>\<input type="text" name="E-mail"  size="30"\>
\<p\>\<input type="text" name="Telefon" size="30"\>
\<p\>\<input type="text" name="Mobiltelefon" id="Mobiltelefon" size="30"\>

\</div\>
    \<div id="ansrut1"\> 
      \<p\>\<textarea name="Entusiastbil/bilar" cols="35" rows="3" id="Entusiastbil/bilar"\>\</textarea\>
\</div\>
\<div id="ansrut2"\>
\<p\>\<input type="text" name="t&auml;vlingslicens" id="t&auml;vlingslicens" size="25"\>
\<br\>\<br\>\<input type="submit" value="Skicka" name="submit"\>
\</div\>
    \<div id="anstext"\> 

      \<p\>Namn
\<p\>Adress
\<p\>Postadr
\<p\>E-post
\<p\>Tel hem
\<p\>Mobiltel
\</div\>
\<div id="anstext1"\>
\<p\>Entusiastbil/bilar: \<br\>(märke, modell, årsmodell)
\</div\>
\<div id="anstext2"\>
\<p\>Ev. tävlingslicens
\</div\>
\</form\>
\</div\>
\</body\>
\</html\>
\---------------------------------------------------------------------
Stilmallen:
body 

{font-family:Times New Roman; font-size: 14px; color:#666666; background-color: FFFAFA; margin-left:45px; margin-top:70px; }

a:link { text-decoration: none; color:#666666;}

a:visited { text-decoration: none; color:#666666;}

a:active { text-decoration: none; color:#666666; }

table

{font-family:Times New Roman; font-size: 14px; color:#666666; margin-left: 0px; margin-right: 123px;}

h1 {font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#666666;}

h2 {font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#666666;}

h3 {font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#666666;}

h4 {font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#666666;}

h5 {font-family:Times New Roman; font-size:11px; color:#666666;}

\#pagewidth{ 

 width:770px !important; /\*själva layoutens storlek\*/

 text-align:left; 

 min-width: 500px;

 }

\#box {width: 300px; padding: 5px; position: absolute; left: 45px; top: 110px;}
\#box2 {
	width: 300px;
	padding: 5px;
	position: absolute;
	right: 50px;
	top: 70px;
	left: 339px;
}
\--------------------------------------------------------------------

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

## #2 — tanten, 2007-03-25T17:37Z

Hej och välkommen!  :) 
Lite svårt att läsa din kod när du inte använt dig av HTML-märket.
Men du har öppnat ett gäng med \<p\> på väldigt många ställen, utan att stänga dem, och ibland undrar jag varför du har dem med.
Jag ser inte heller att du gett p något värde i css.
Så det är lite svårt att se vad du försöker göra.
Stäng dem och se om du närmar dig vad du vill.

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

## #3 — tanten, 2007-03-25T17:45Z

Svarade för snabbt... ursäkta. Såg ju nu att du har en Doctype som tillåter att man inte stänger...
Ditt problem består snarast i att du angett absolut position på en del saker. Som märks när du minskar fönstret.
Kanske blir OK om du anger width på p.
Testa om det kan hjälpa.

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

---

Tråden på webben: https://www.webforum.nu/amne/html-css/158573-css-formulär-problem
