/ 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
Højde og positioneringsproblem
Fra : Kristian Kjærgaard


Dato : 18-04-05 15:26

--> http://www.2kdesign.frac.dk/test.htm <--

Denne side ser fin ud i IE. Men der er nogle problemer i FF:

1. Banneret fylder for meget - jeg går ud fra, at der er fordi
banneret har absolut placering, og margin fra body ikke bruges til at
beregne dets størrelse(?).

2. #page går ikke helt ned til bunden - og det skal den! Hvordan får
jeg den til det?

3. #element {width: 100% - 200px;} Kan dette lade sig gøre (jf. punkt
1)? Kan et elements bredde være 100% minus 200px?


 
 
Jens Gyldenkærne Cla~ (18-04-2005)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 18-04-05 16:59

slet VI2M9 skrev:

> 1. Banneret fylder for meget - jeg går ud fra, at der er fordi
> banneret har absolut placering, og margin fra body ikke bruges
> til at beregne dets størrelse(?).

Ja. Sæt position: relative; på den yderste boks du vil positionere
efter (formentlig #page) og positioner så i forhold til den i
stedet for i forhold til body (du skal fx fjerne left: 20px en del
steder).


> 2. #page går ikke helt ned til bunden - og det skal den!
> Hvordan får jeg den til det?

Klassisk problem - man kan ikke direkte sætte højden til 100%. Hvis
du sætter højden til 100% på både html og body, ser det ud til at
virke i Firefox.

> 3. #element {width: 100% - 200px;} Kan dette lade sig gøre
> (jf. punkt 1)? Kan et elements bredde være 100% minus 200px?

Det kan det sagtens - men du kan ikke angive X% - Ypx. Brug
boksmodellen - fx ved at definere margen i begge sider til 100px og
så selve indholdet til 100%.
--
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

Kristian Kjærgaard (19-04-2005)
Kommentar
Fra : Kristian Kjærgaard


Dato : 19-04-05 07:27

Jens Gyldenkærne Clausen <jens@gyros.invalid> skrev:
>Klassisk problem - man kan ikke direkte sætte højden til 100%.
Hvis
>du sætter højden til 100% på både html og body, ser det ud til at
>virke i Firefox.

html {
height: 100%;}

Er det det, du foreslår? Må man det?


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


Dato : 19-04-05 10:23

Kristian Kjærgaard skrev:

> html {
> height: 100%;}
>
> Er det det, du foreslår?

Ja.

> Må man det?

Ja. CSS specificerer ikke hvilke egenskaber man må sætte hvor, så
principielt kan du sætte en hvilken som helst css-egenskab på et hvilket
som helst html-element (fx word-spacing på img). Men der er selvfølgelig
regler for om en css-specifikation så skal anvendes på et givent
element.

Der er ikke noget i vejen for at definere at html-elementet skal have
højden 100%. Man skal dog nok lige tjekke hvordan siden opfører sig hvis
indholdet bliver længere end viewporten.

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

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