/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
nestede div-tags og overflow
Fra : simonbk


Dato : 19-01-05 13:09

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

 
 
Martin Hintzmann And~ (19-01-2005)
Kommentar
Fra : Martin Hintzmann And~


Dato : 19-01-05 13:16

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/

Jens Gyldenkærne Cla~ (19-01-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 19-01-05 13:28

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

simonbk (19-01-2005)
Kommentar
Fra : simonbk


Dato : 19-01-05 13:45

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

Erik Ginnerskov (19-01-2005)
Kommentar
Fra : Erik Ginnerskov


Dato : 19-01-05 22:53

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



Søg
Reklame
Statistik
Spørgsmål : 177552
Tips : 31968
Nyheder : 719565
Indlæg : 6408849
Brugere : 218887

Månedens bedste
Årets bedste
Sidste års bedste