Avatar billede cmau Nybegynder
02. august 2005 - 00:01 Der er 32 kommentarer og
1 løsning

fejl i css til div

Hejsa

gik på http://lala.woox.dk/ i FF og se at den menu hvor diven er i fucker, jeg tror det er pga. padding, men ved ikke :/
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:04 #1
nej det er din DOCTYPE der ikke matcher indhold mener jeg.

Brug en DOCTYPE med loose.dtd og se om det ikke gør tricket!


mvh
fox
Avatar billede cmau Nybegynder
02. august 2005 - 00:06 #2
Hvilken en?
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:07 #3
denne her:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:08 #4
nej den går heller ikke sorry ...det er noget hø jeg bilder dig ind.!


mvh
mads
Avatar billede cmau Nybegynder
02. august 2005 - 00:08 #5
Nu gør den samme fejl i IE.. :(
Avatar billede cmau Nybegynder
02. august 2005 - 00:10 #6
Det har vist noget med dette at gøre:

padding-top : 100px;
padding-left : 30px;
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:11 #7
ja men du skal vel også anvende en DOCTYPE der matcher indhold som er et framset i dit tilfælde:


<!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.0 Frameset//EN" "http://www.w3.org/TR/REC-html40/frameset.dtd">





er dog ikke sikker på at den overholder standarderne i de nye browsere...men et forsøg værd!.


mvh
mads
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:12 #8
jeg kan desværre ikke se dit CSS
Avatar billede cmau Nybegynder
02. august 2005 - 00:16 #9
Har fået at vide op til flere gange at jeg ikke behøver .dtd linket.

MIn css:

<style type="text/css">
body {
margin : 0;
font : 12px tahoma, sans-serif;
color : #ffffff;
letter-spacing : 1pt;
}
.left_conor_top {
background-image : url(bg.1.jpg);
position : absolute;
top : 0px;
left : 0px;
width : 350px;
height : 200px;
}
.left_conor_bottom {
background-image : url(bg.3.jpg);
position : absolute;
bottom : 20px;
left : 0px;
width : 200px;
height : 350px;
padding-top : 100px;
padding-left : 30px;
}
.right_conor_bottom {
background-image : url(bg.4.jpg);
position : absolute;
bottom : 0px;
right : 0px;
width : 350px;
height : 200px;
}
</style>
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:18 #10
jo dine dokumenter skal have en kvalificeret DOCTYPE som matcher det indhold der er på siden.
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:21 #11
ja det kunne godt se ud som om der er noget galt med padding, ihvertfad er der ingen fejl i dit CSS.

Hvad sker der hvis du anvender:

position:relative;

?

//fox
Avatar billede cmau Nybegynder
02. august 2005 - 00:22 #12
Se :/ Det virker i hvertfald ikke.
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:25 #13
nej nu virker det i IE men ikke i FF.
Avatar billede cmau Nybegynder
02. august 2005 - 00:27 #14
fordi jeg lavede det tilbage til som det var først :/
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:27 #15
hvad hedder reglen for det billede der ligger derude og flyder!

ps! har svært ved at se hvordan billedet på din side lige skal se ud.


mvh
Mads
Avatar billede cmau Nybegynder
02. august 2005 - 00:31 #16
forstod jeg ikke lige, men sådan her skal det se ud http://lala.woox.dk/her.jpg

Sådan ser den også ud i IE nu, men ikke FF - Opera er også fin.
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:34 #17
jeps sådan ser den ud i IE her også,

Men det er et element i Firefox der stritter udenfor forneden på siden, hvilken CSS regel er den formateret af?

Så er det vel bare at ændre i padding for dette element. Jeg sørme heller ikke hvordan Firefox browseren tackler <frameset>?? der må der en ekspert på banen.....................så hvor er roenving og olebole når man har brug for dem??


mvh
Mads
Avatar billede cmau Nybegynder
02. august 2005 - 00:35 #18
Jeg er altså dum på det er css noget, kan kun lidt i det men regl den er formateret af :S.. Argh.. på dansk? :(
Avatar billede foxmulder58 Praktikant
02. august 2005 - 00:37 #19
ja men det ene billedes placering er jo formateret af en af dine CSS regler, så e det bare hvilken regel?

mvh
Mads
Avatar billede cmau Nybegynder
02. august 2005 - 00:40 #20
Altså hvis du mener det der gør at den ikke virker i FF er
padding-top : 100px;
padding-left : 30px;

Den rykker teksten 100 px ned og 30 ind, men så laver den div det samme større. Den sidste ting skal den ikke .S
Avatar billede roenving Novice
02. august 2005 - 10:01 #21
>>cmau

-- men det er sådan, reglen for elementers størrelse ser ud i anbefalingerne fra w3c angående css !-)

Størrelsen på et element angives ved at tillægge margin, border-width og padding til selve elementets størrelse, så det du oplever er, at M$IE er gået i quirks-mode og derfor viser det forkert ...

-- og IE skal svare css1Compat, hvis den er indstillet til ikke at disable væsentlige dele af css, bl.a. box-modellen, hvis du sætter dette i browserens adresse-linje:

java script:void(alert(document.compatMode))

-- og trykker enter !o]

Box-modellen kan du f.eks. studere her: http://www.w3.org/TR/REC-CSS2/box.html
Avatar billede cmau Nybegynder
02. august 2005 - 13:27 #22
roenving > Forstod jeg intet af :/

Fatter ikke det der regl haløj. Har du en løsning? :)
Avatar billede roenving Novice
02. august 2005 - 13:35 #23
Løsningen er at du laver din div det mindre, du har taænkt dig at bruge på noget andet, det være sig margin, padding eller border !-)
Avatar billede cmau Nybegynder
02. august 2005 - 14:29 #24
Hmm syneshjeg nu jeg havde prøvet, men nu virker det, men fik lige et problem med en iframe. Tror det er fordi det kun bliver understøttet i IE, men ved ikke http://validator.w3.org/check?uri=http://lala.woox.dk/main.htm
Avatar billede roenving Novice
02. august 2005 - 14:36 #25
Den slags fejlmeddelelser skal man skide på, hvis man har brug for effekten !-)

-- og jeg kan ikke huske om ikke IE nu understøtter transparent baggrund i css, men du kan da prøve:

style="background:transparent;" i stedet for allowtransparency !o]
Avatar billede cmau Nybegynder
02. august 2005 - 14:37 #26
Det skal jo helst også virke i FF, det gør det nu, men også i Opera, som det ikke gør nu :(
Avatar billede roenving Novice
02. august 2005 - 14:45 #27
Næh, der har jeg også forstået, at man støder ind i en blindgyde ...
Avatar billede cmau Nybegynder
02. august 2005 - 15:28 #28
der er ingen sådane funktion i opera?
Avatar billede roenving Novice
03. august 2005 - 10:09 #29
Ikke såvidt jeg har set ...
Avatar billede cmau Nybegynder
04. august 2005 - 11:41 #30
Ok, smider du svar ?
Avatar billede cmau Nybegynder
06. august 2005 - 10:56 #31
..?
Avatar billede roenving Novice
07. august 2005 - 01:51 #32
Oki '-)
Avatar billede roenving Novice
08. august 2005 - 09:56 #33
-- og tak for point ;~}
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester