/ 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
css problem
Fra : Thomas VJ


Dato : 04-04-04 23:20

Hejsa,

Jeg er bestemt ikke den store css-haj men har omsider fået denne side til at
validere og se nogenlunde ens ud i IE, Opera og Mozilla:
http://www.plu2.dk/loeven/nydansk_index.html
css filen ligger her: http://www.plu2.dk/loeven/ny.css

Mit problem er nu at rammen omkring indholdet ikke omkranser hele indholdet
inkl footeren.
Nogen der har en ide hvorfor?

På forhånd tak for hjælpen.

mvh,
Thomas



 
 
Jens Gyldenkærne Cla~ (05-04-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 05-04-04 10:25

Thomas VJ skrev:

> Mit problem er nu at rammen omkring indholdet ikke omkranser
> hele indholdet inkl footeren.
> Nogen der har en ide hvorfor?

Ja - du bruger "position: relative" og "top: 120px;" - det betyder
at indholdet rykker 120px længere ned end normalt. Hvis den
omgivende boks skal udvides tilsvarende, kan du sætte
"padding-bottom: 120px;" på #layout.
--
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

from south (05-04-2004)
Kommentar
Fra : from south


Dato : 05-04-04 11:02

Hej Jens.
"Jens Gyldenkærne Clausen" <jens@gyros.invalid> skrev i en meddelelse
news:Xns94C27423F10AAjcdmfdk@gyrosmod.dtext.news.tele.dk...
> Thomas VJ skrev:
>
> Ja - du bruger "position: relative" og "top: 120px;" - det betyder
> at indholdet rykker 120px længere ned end normalt. Hvis den
> omgivende boks skal udvides tilsvarende, kan du sætte
> "padding-bottom: 120px;" på #layout.
> --
> 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

Der er et par ting mere i CSS-filen man bruger ikke både position og
float i menuen, center sættes i Body og ikke i en div=center, har jeg
ret? Mvh Knud


Jens Gyldenkærne Cla~ (05-04-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 05-04-04 11:26

from south skrev:

> Der er et par ting mere i CSS-filen man bruger ikke både
> position og float i menuen,

Korrekt. Her vinder position - hvis man tjekker "computed style"
med DOM Inspector, kan man se at float bliver "none" selv om der er
sat "float: left" på. Jeg er ikke helt sikker på om det er
rækkefølgen af position og float der afgør hvem der vinder, eller
om position altid vinder - men jeg tror mest på det sidste.

Under alle omstændigheder har du ret - man skal ikke kombinere
float og position.


> center sættes i Body og ikke i en div=center,

Tjo - det kunne man lige så godt have brugt. Det er nu ikke en
decideret fejl, men du har ret i at div-center kunne undværes og
det ville også være mere "moderne" kode.

Jeg tjekkede kun to ting på siden - om den var valid og hvorfor
teksten løb ud af boksen. Det er - som jeg skrev før - på grund af
position: relative; + top: 120px;. Problemet kan rettes alene ved
at sætte padding-bottom: 120px - det er tjekket med DOM Inspector.

Men ovenstående problemer - i hvert fald float/position - bør også
rettes.
--
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

Thomas VJ (05-04-2004)
Kommentar
Fra : Thomas VJ


Dato : 05-04-04 16:03


"Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
news:Xns94C27E7A1AF02jcdmfdk@gyrosmod.dtext.news.tele.dk...
> from south skrev:
>
> > Der er et par ting mere i CSS-filen man bruger ikke både
> > position og float i menuen,
>
> Korrekt. Her vinder position - hvis man tjekker "computed style"
> med DOM Inspector, kan man se at float bliver "none" selv om der er
> sat "float: left" på. Jeg er ikke helt sikker på om det er
> rækkefølgen af position og float der afgør hvem der vinder, eller
> om position altid vinder - men jeg tror mest på det sidste.
>
> Under alle omstændigheder har du ret - man skal ikke kombinere
> float og position.
>

Tak for det! Det er rettet!

>
> > center sættes i Body og ikke i en div=center,
>
> Tjo - det kunne man lige så godt have brugt. Det er nu ikke en
> decideret fejl, men du har ret i at div-center kunne undværes og
> det ville også være mere "moderne" kode.
>

hmmm, jeg kan ikke få min .css fil til at validere med følgende i body
"align: center"
Hvad hedder det så?

> Jeg tjekkede kun to ting på siden - om den var valid og hvorfor
> teksten løb ud af boksen. Det er - som jeg skrev før - på grund af
> position: relative; + top: 120px;. Problemet kan rettes alene ved
> at sætte padding-bottom: 120px - det er tjekket med DOM Inspector.
>

Tak for tricket Jens! Det virker!
Den DOM Inspector du snakker om, er det den der er indbygget i Mozilla?

mvh,
Thomas



from south (05-04-2004)
Kommentar
Fra : from south


Dato : 05-04-04 16:39

Hej Thomas.
"Thomas VJ" <forkertadresse@nowhere.uni> skrev i en meddelelse
news:Fzecc.438$VO7.279@news.get2net.dk...
>
> "Jens Gyldenkærne Clausen" <jens@gyros.invalid> wrote in message
> news:Xns94C27E7A1AF02jcdmfdk@gyrosmod.dtext.news.tele.dk...
> > from south skrev:
> hmmm, jeg kan ikke få min .css fil til at validere med følgende i body
> "align: center"
> Hvad hedder det så?

text-align: center;
Så skulle den være der. Mvh Knud


Thomas VJ (05-04-2004)
Kommentar
Fra : Thomas VJ


Dato : 05-04-04 17:24

Hej Knud,
"from south" <and@mand.invalid> wrote in message
news:40717d9c$0$209$edfadb0f@dread16.news.tele.dk...

> > hmmm, jeg kan ikke få min .css fil til at validere med følgende i body
> > "align: center"
> > Hvad hedder det så?
>
> text-align: center;
> Så skulle den være der. Mvh Knud
>

Det ser ud til at virke i IE, men i Opera og Mozilla virker det desværre
også på brødteksten.
Se billede (fra Opera) af det her:
http://plu2.dk/loeven/aligncenterproblem.jpg
Til sammenligning ligger den udgave der virker her:
http://plu2.dk/loeven/dansk_index.html

Tak for opmærksomheden og hjælpen Knud! Lad nu være med at bruge mere tid på
det her problem.
Så længe siden validerer med <div align="center">, så er jeg tilfreds.

Mvh,
Thomas



Erik Ginnerskov (05-04-2004)
Kommentar
Fra : Erik Ginnerskov


Dato : 05-04-04 17:30

Thomas VJ wrote:

>> text-align: center;
>> Så skulle den være der. Mvh Knud
>
> Det ser ud til at virke i IE, men i Opera og Mozilla virker det
> desværre også på brødteksten.

Du skulle måske tage et kig på denne side:

http://www.hjemmesideskolen.dk/html/flyd.asp

--
Med venlig hilsen
Erik Ginnerskov
http://hjemmesideskolen.dk - http://html-faq.dk
http://hjem.get2net.dk/egin



Jens Gyldenkærne Cla~ (06-04-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 06-04-04 08:58

Thomas VJ skrev:

> Den DOM Inspector du snakker om, er det den der er indbygget i
> Mozilla?

Ja (kan dog fravælges under installationen).

Man finder den i menuen Tools => Web Development => DOM Inspector

Man kan også benytte tastaturgenvejen Skift-Ctrl-i
--
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