---

Er der en i nyhedsgruppen der er hjælpe mig med et
tilbagevendende problem? Jeg er ved at udarbejde en template som
gerne skulle være fejlfri, men der er en enkelt ting der driller.

Det drejer sig om:
http://www.annagulmann.dk/modinet/index.htm

Alt sidens indholdet er samlet i en div id=content og har
følgende styles:

#content {
   width: 800px;
   margin-right: auto;
   margin-left: auto;
   margin-top: 20px;
   margin-bottom: 0px;
   background-color: #FFFFFF;
   padding: 0px;
   position: relative;
   overflow: visible;
   height: 550px;
}

Heri er nested en div id=txtfelt med følgende styles:

#txtfelt {
   width: 390px;
   topping: 0px;
   margin: 0px;
   position: absolute;
   left: 200px;
   top: 115px;
}

Problemet er, at div id=content ikke udvider sig, når størrelsen
på div id=txtfelt gør. Med andre ord: højde på content skal følge
højden på txtfelt og udvide sig derefter. Jeg har forsøgt at
slette den faste højde i content, men så bliver alt baggrunden
grå. Hvordan får man disse værdier til alt følges?

Håber der er nogle der kan hjælpe!!

--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

simonbk wrote:
> Er der en i nyhedsgruppen der er hjælpe mig med et
> tilbagevendende problem? Jeg er ved at udarbejde en template som
> gerne skulle være fejlfri, men der er en enkelt ting der driller.
>
> Det drejer sig om:
> http://www.annagulmann.dk/modinet/index.htm

[snip kode]

>
> Problemet er, at div id=content ikke udvider sig, når størrelsen
> på div id=txtfelt gør. Med andre ord: højde på content skal følge
> højden på txtfelt og udvide sig derefter. Jeg har forsøgt at
> slette den faste højde i content, men så bliver alt baggrunden
> grå. Hvordan får man disse værdier til alt følges?
>

Lad være med at brug absolute positionering.

--
Martin Hintzmann Andersen
http://www.hintzmann.dk/

---

simonbk skrev:

> Er der en i nyhedsgruppen der er hjælpe mig med et
> tilbagevendende problem? Jeg er ved at udarbejde en template som
> gerne skulle være fejlfri,

Der er et par småfejl - manglende kodning af & som &


> #content {
>    width: 800px;
>    margin-right: auto;
>    margin-left: auto;
>    margin-top: 20px;
>    margin-bottom: 0px;
>    background-color: #FFFFFF;
>    padding: 0px;
>    position: relative;
>    overflow: visible;
>    height: 550px;
> }

Slet overflow og height.


> #txtfelt {
>    width: 390px;
>    topping: 0px;
>    margin: 0px;
>    position: absolute;
>    left: 200px;
>    top: 115px;

Slet position og sæt "padding-" foran left og top.



> Problemet er, at div id=content ikke udvider sig, når størrelsen
> på div id=txtfelt gør.

Det skal den ikke, når du har defineret højden eksplicit.


--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

---

Tak for svar!! Det hjalp jo. Men hvorledes får jeg så placeret
txtfeltets begyndelse? For at gøre dette har jeg brugt padding-top,
men der må da være en mere tjecket måde!?

> Der er et par småfejl - manglende kodning af & som &

Med hensyn til validering har jeg ingen ide om hvordan man retter de
sidste fejl. Det er kode fra freefind.com. Hvis du har et godt tip et
det meget velkomment.

/SImon


--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

---

simonbk wrote:

> Med hensyn til validering har jeg ingen ide om hvordan man retter de
> sidste fejl. Det er kode fra freefind.com. Hvis du har et godt tip et
> det meget velkomment.

Her ser du min Freefind-kode, der validerer fint som xhtml 1.0 strict:

<div><input type="hidden" name="id" value="xxxxxxxx"/>
<input type="hidden" name="pid" value="r"/>
<input type="hidden" name="mode" value="all"/>
<input type="hidden" name="n" value="0"/>
<a href="http://www.freefind.com">FreeFind

<input type="text" name="query" size="15"/>
<input type="submit" value="Søg"/></div>

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://ginnerskov.frac.dk