/ 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
Height vil ikke auto?
Fra : Brian Hansen


Dato : 30-11-04 14:19

Jeg har en kode der ser ud som den her:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<style type="text/css">
html, body {
background-color: #EEECDF;
font-family: Trebuchet MS, Verdana, Arial, Helvetica,
sans-serif;
font-size: 11px;
font-weight: normal;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
#kasse {
width: 750px;
background-color: #FFFFFF;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: relative;
border-right: 1px solid #000000;
border-left: 1px solid #000000;
}
#indhold {
width: 750px;
margin: 0px auto 0px auto;
padding: 0px 0px 0px 0px;
position: absolute;
}
</style>
</head>

<body>
<div id="kasse">
<div id="indhold">123<br /><br /><br /><br /></div>
</div>
</body>
</html>

Hvorfor vil kasse ikke udvide sin height efter sit indhold?

Hvis man sætter height til 'auto' hjælper det ikke noget.

Hvis man ændre 'indhold' fra 'absolute' til 'realative' så vil
bliver den som den skal være. Problemet er blot at på den side,
hvor koden indgår skal kassen være relativ og indhold være
absolut for at få den rette sammenhæng.

Hvad har jeg overset?

--
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 (30-11-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-11-04 15:51

Brian Hansen wrote:
> Jeg har en kode der ser ud som den her:

> #kasse {
> width: 750px;
> background-color: #FFFFFF;
> margin: 0px auto 0px auto;
> padding: 0px 0px 0px 0px;
> position: relative;
> border-right: 1px solid #000000;
> border-left: 1px solid #000000;
> }
> #indhold {
> width: 750px;
> margin: 0px auto 0px auto;
> padding: 0px 0px 0px 0px;
> position: absolute;

> <div id="kasse">
> <div id="indhold">123<br /><br /><br /><br /></div>
> </div>

> Hvorfor vil kasse ikke udvide sin height efter sit indhold?

Det skyldes, at du lægger dit indhold i <div id="indhold">, der har
position:absolute. Den fylder således ikke noget i sidens flow og kan ikke
påvirke højden i <div id="kasse">.

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



Brian Hansen (30-11-2004)
Kommentar
Fra : Brian Hansen


Dato : 30-11-04 16:05

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
> Det skyldes, at du lægger dit indhold i <div id="indhold">, der har
> position:absolute. Den fylder således ikke noget i sidens flow og kan ikke
> påvirke højden i <div id="kasse">.
>
> --
> Med venlig hilsen
> Erik Ginnerskov
> http://hjemmesideskolen.dk - http://html-faq.dk
> http://ginnerskov.frac.dk
>
>

Jeg takker for svaret!

Kender du en løsning?

Og hvad hvis der er tre 'indhold', som skal placeres ved siden af hinanden?
Jeg har nemlig prøvet at bruge relative til de tre indhold og 'float: left',
men så bliver de ikke placeres ved siden af hinanden.

<div id="kasse">
<div id="indhold1">123<br /><br /><br /><br /></div>
<div id="indhold2">123<br /><br /><br /><br /></div>
<div id="indhold3">123<br /><br /><br /><br /></div>
</div>


--
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 (30-11-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 30-11-04 16:19

Brian Hansen wrote:

> Jeg takker for svaret!
>
> Kender du en løsning?

Undlad den position:absolute. Lav den om til position:relative - eller brug
float.

http://hjemmesideskolen.dk/html/float.asp
http://hjemmesideskolen.dk/html/testsider/float.asp

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



Brian Hansen (30-11-2004)
Kommentar
Fra : Brian Hansen


Dato : 30-11-04 16:42

Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:

> Undlad den position:absolute. Lav den om til position:relative - eller brug
> float.

Det har jeg prøvet. Så virker det i Firefox, men er kaos i IE.

Jeg giver op! Tilbage til tables designs, indtil at IE implementerer at følge
standarden.

Undskyld sproget, men IE er noget lort!

--
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

from south (30-11-2004)
Kommentar
Fra : from south


Dato : 30-11-04 17:24

Brian skriblede en hel masse......
"Brian Hansen" <bluechild@sol.dk> skrev i en meddelelse
news:41ac94da$0$66406$14726298@news.sunsite.dk...
> Erik Ginnerskov wrote in dk.edb.internet.webdesign.html:
>
>> Undlad den position:absolute. Lav den om til position:relative -
>> eller brug
>> float.
>
> Det har jeg prøvet. Så virker det i Firefox, men er kaos i IE.
>
> Jeg giver op! Tilbage til tables designs, indtil at IE implementerer
> at følge
> standarden.
>
> Undskyld sproget, men IE er noget lort!
>
Hjemmesidedesign er en sjov fætter, kan se du også har fundet ud af det.
Men laver du en god kode, og frøver din side i Mozilla, og den ser pæn
ud, så åbn IE........ er det noget kaos, så er det sikkert kun få ting
som skal rettes, og slet ikke tilbage i stenalderen med tabeller i
tabeller i tabeller. Erik har stadig givet dig en god rettesnor med
<div> og <css>. Fortsæt med det. Mvh Knud


Brian Hansen (30-11-2004)
Kommentar
Fra : Brian Hansen


Dato : 30-11-04 18:18

from south wrote in dk.edb.internet.webdesign.html:
> Hjemmesidedesign er en sjov fætter, kan se du også har fundet ud af det.
> Men laver du en god kode, og frøver din side i Mozilla, og den ser pæn
> ud, så åbn IE........ er det noget kaos, så er det sikkert kun få ting
> som skal rettes, og slet ikke tilbage i stenalderen med tabeller i
> tabeller i tabeller. Erik har stadig givet dig en god rettesnor med
> <div> og <css>. Fortsæt med det. Mvh Knud
>

Det lykkedes efter en hård kamp. Jeg måtte lave det hele om.

Jeg har lavet web design i mange år og kan huske, hvor besværligt det var
i starten med tabeller i tabeller i tabeller

Man skal lige vende sig til at det skal gøres anderledes.

Tak for rettesnoren, og tak for de pæne ord knud!

PS.: Jeg mistede - for et kort øjeblik mit temperament - sorry!

--
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

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste