/ 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 angivet i % vs i IE fejler + lidt m~
Fra : Thomas Andersen


Dato : 28-03-04 19:41

Hej
Jeg sidder og prøver at finde ud af hvordan jeg bedst mulig
placerer min div´s med henholdsvis pos.abs. og float. I den
forbindelse er jeg stødt på flg. problemer.
Når jeg sætter siden med "position: absolute" og angiver min
højde på min div i "%" reagerer IE ikke på det. Hvordan kan det
være? IE reagerer fint på "em".
når jeg sætter samme side op med "float:left;", ligger ,min div
sig til gengæld ikke helt op til toppen af siden, i Mozilla. Men
ca. en ½ cm under. Hvorfor nu det?

http://www.geocities.com/dazzlingthomas/333.htm

Mvh Thomas

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

 
 
Knud Gert Ellentoft (28-03-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 28-03-04 20:22

Thomas Andersen <thomas@bolignet-aarhus.dk> skrev :

>Når jeg sætter siden med "position: absolute" og angiver min
>højde på min div i "%" reagerer IE ikke på det. Hvordan kan det
>være? IE reagerer fint på "em".

Fordi browseren ikke har noget at forholde din højdeangivelse
til, 50% af hvad?

Em er jo en fast størrelse.

Sæt body med height: 100% i din css.

overflow-horizontal er der ikke noget, der hedder.

Du kan bruge overflow-x og overflow-y, men det virker kun i IE og
er ikke en del af cssstandarden.
--
Knud

Thomas Andersen (28-03-2004)
Kommentar
Fra : Thomas Andersen


Dato : 28-03-04 20:36

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
> Thomas Andersen <thomas@bolignet-aarhus.dk> skrev :
>
> >Når jeg sætter siden med "position: absolute" og angiver min
> >højde på min div i "%" reagerer IE ikke på det. Hvordan kan det
> >være? IE reagerer fint på "em".
>
> Fordi browseren ikke har noget at forholde din højdeangivelse
> til, 50% af hvad?
>
> Em er jo en fast størrelse.
>
> Sæt body med height: 100% i din css.

>Tak, det hjalp!

> overflow-horizontal er der ikke noget, der hedder.
>
> Du kan bruge overflow-x og overflow-y, men det virker kun i IE og
> er ikke en del af cssstandarden.
> --
> Ok, men det fjernede scrollbaren!

Du har vel ikke også et bud på hvorfor Mozilla og Opera opfører sig
som de gør når jeg anvender float.

nyt link: http://www.geocities.com/dazzlingthomas/333.htm

mvh
Thomas

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

Knud Gert Ellentoft (28-03-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 28-03-04 20:56

Thomas Andersen <thomas@bolignet-aarhus.dk> skrev :

>Du har vel ikke også et bud på hvorfor Mozilla og Opera opfører sig
>som de gør når jeg anvender float.

Nu er de jo placeret omvendt, du vil have en boks på venstre og
højre side, på hver 50% højde?

Det ville jeg lave anderledes.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1" />
<title>Test</title>
<style type="text/css">
body, html {height: 100%; margin: 0; padding: 0}
#et {color: black; background: white; height: 50%; width: 50%}
#to {color: white; background: red; width: 50%; height: 50%;
float: right}
</style>
</head>
<body>
<div id="to">højre side</div>
<div id="et">venstre side</div>
</body>
</html>
--
Knud

Thomas Andersen (28-03-2004)
Kommentar
Fra : Thomas Andersen


Dato : 28-03-04 21:22

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
> Thomas Andersen <thomas@bolignet-aarhus.dk> skrev :
>
> >Du har vel ikke også et bud på hvorfor Mozilla og Opera opfører sig
> >som de gør når jeg anvender float.
>
> Nu er de jo placeret omvendt, du vil have en boks på venstre og
> højre side, på hver 50% højde?
>
> Nej. Spørgsmålet var egentlig skrevet ind i det først indlæg og
handler om hvorfor, boksen ikke lagde sig helt op i toppen af af siden
i Mozilla.

Egentlig skal de to bokse ligge ovenpå hinanden, jeg har bare ikke fået
lavet en cleaer i mit eksempel, og kan godt se det forvirrer.

Mht til visningen i både opera og Mozilla var det med henblik på at
højden ikke bliver vist korrekt, v. brug af float.

Mvh
Thomas
>


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

Knud Gert Ellentoft (28-03-2004)
Kommentar
Fra : Knud Gert Ellentoft


Dato : 28-03-04 21:35

Thomas Andersen <thomas@bolignet-aarhus.dk> skrev :

>Mht til visningen i både opera og Mozilla var det med henblik på at
>højden ikke bliver vist korrekt, v. brug af float.

Mener den gjorde det i dit første eksempel, også når jeg satte
height på body, men nu driller det også mig.

Men jeg ville stadig lave det på min, ovenpå hinanden sådan:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1" />
<title>Test</title>
<style type="text/css">
body, html {height: 100%; margin: 0; padding: 0}
#et {color: black; background: yellow; height: 50%; width: 50%}
#to {color: white; background: red; height: 50%; width: 50%}
</style>
</head>
<body>
<div id="et">top</div>
<div id="to">bund</div>
</body>
</html>

Når float skal være left, så har du ikke brug fo at angive det,
for det er default værdi for placeringen.
--
Knud

Thomas Andersen (28-03-2004)
Kommentar
Fra : Thomas Andersen


Dato : 28-03-04 22:33

Knud Gert Ellentoft wrote in dk.edb.internet.webdesign.html:
> Thomas Andersen <thomas@bolignet-aarhus.dk> skrev :
>
> >Mht til visningen i både opera og Mozilla var det med henblik på at
> >højden ikke bliver vist korrekt, v. brug af float.
>
> Mener den gjorde det i dit første eksempel, også når jeg satte
> height på body, men nu driller det også mig.

Ja , det var en anden side på det samme link, hvor boksene var
positioneret.
>
> Men jeg ville stadig lave det på min, ovenpå hinanden sådan:
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
> <html>
> <head>
> <meta http-equiv="content-type" content="text/html;
> charset=ISO-8859-1" />
> <title>Test</title>
> <style type="text/css">
> body, html {height: 100%; margin: 0; padding: 0}
> #et {color: black; background: yellow; height: 50%; width: 50%}
> #to {color: white; background: red; height: 50%; width: 50%}
> </style>
> </head>
> <body>
> <div id="et">top</div>
> <div id="to">bund</div>
> </body>
> </html>
>

Jeg har fundet "fejlen". Det skyldes det lille tekststykke / paragraph
jeg har sat ind efter de to bokse. Af en eller anden grund skaber det
et mellemrum i toppen af siden.
Det løser tilsyneladende også problemet med højden i Opera.
Endelig ser min side ens ud i alle tre browsere. Mange tak for hjælpen.

Mvh
Thomas

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- 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 : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408946
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste