Avatar billede sijmonj Nybegynder
20. februar 2008 - 20:09 Der er 13 kommentarer og
1 løsning

Div boxe vil ikke stå op af hinanden (vandret)

Hej alle eksperter, jeg har et problem med at mine div boxe ikke vil stå op af hinanden.. Altså vandret lige som i kan se på dette billed

http://www.ziimx.zeekoo.dk/sj-skitse.jpg

------------------------------------------
Sån her ser min side PT. ud
http://www.ziimx.zeekoo.dk/sj-design

som i kan se i min css, så har jeg sat float:left; på alle mine boxe som skal være inde i div'et "#menu", det er dem jeg kalder for, 01 02 03 04 05 06.

Så jeg håber der er nogen der ved hvorn jeg får de boxe til at stå op af hinanden.

Tak på forhånd
Avatar billede thesurfer Nybegynder
20. februar 2008 - 20:24 #1
Et id må ikke starte med et tal. Det skal starte med et bogstav eller er gyldigt tegn..

Put f.eks "m" (for "menu") foran, så det kommer til at være id="m01", id="m02" osv..
Avatar billede thesurfer Nybegynder
20. februar 2008 - 20:27 #2
PS: Du skal naturligvis også tilføje "m" (hvis du har valgt dette bogstav) til din CSS, så det bliver #m01, #m02 osv..
Avatar billede sijmonj Nybegynder
20. februar 2008 - 20:27 #3
EJ så er det derfor, jeg havde nemlig også givet mine små tal div's border, og det var ligesom om de slet ikke fik nogen style:S.. tusind tak det vil jeg da lige prøve :P!
Avatar billede thesurfer Nybegynder
20. februar 2008 - 20:39 #4
Husk at kontrollere om dit website overholder standarden du har valgt at følge (XHTML 1.0 Transitional):

http://validator.w3.org/check?uri=http%3A%2F%2Fziimx.zeekoo.dk%2Fsj-design%2F&charset=%28detect+automatically%29&doctype=Inline&group=0


Skriv hvis du har flere spørgsmål.

- Svar (ved acceptering: marker mit navn i boksen til venstre først, og klik derefter på Accepter-knappen)
Avatar billede sijmonj Nybegynder
20. februar 2008 - 20:42 #5
det irritere mig så meget :P, brugte hele dagen på at finde ud af hva fanden jeg havde gjort galt :P, spurgte på en masse forumer, men de sagde jeg sku bruge tabeller osv. :P

Tusind TAK :D!!
Avatar billede thesurfer Nybegynder
20. februar 2008 - 20:54 #6
Det var så lidt :-)

Takker for points.
Avatar billede sijmonj Nybegynder
20. februar 2008 - 21:03 #7
Hej igen :P, som du kan se på min side nu, så er der en lille tynd kant, der hvor iframen eller content er, jeg ville høre om du vidste hvorn jeg fik min iframe transparent?.
Avatar billede thesurfer Nybegynder
20. februar 2008 - 21:29 #8
Først vil jeg råde dig til ikke at bruge iframes.. heller ikke frames..

Jeg vil foreslå at du kigger på SSI, ASP eller PHP (ASP og PHP er programmeringssprog), som alle afvikles på serveren..

SSI (Server Side Includes) understøttes af de fleste servere, og er nem at bruge til inkludering (sammensmeltning) af filer.

Se f.eks. SSI-tutorial: http://www.html.dk/tutorials/ssi/



Men for at svare på dit spørgsmål:
Du skal tilføje følgende til din "body" i din CSS kode:

background-color:transparent;
Avatar billede thesurfer Nybegynder
20. februar 2008 - 21:31 #9
PS: Jeg tror at det muligvis kun er Internet Explorer der understøtter gennemsigtige iframes.. men jeg er ikke sikker.
Avatar billede sijmonj Nybegynder
20. februar 2008 - 21:38 #10
jeg har fundet en løslig på det, man skal bare skrive det her i sin iframe

allowtransparency='true'

og så skal man selvf. tage den baggrunds style man har på sine html eller php eller hva man nu bruger, af.

jeg har også et andet problem :P, med min wampserver, men tror jeg tager det i en ny tråd, så det ikke bliver for forvirrene :P, Tusind tak for det :).

Ang. det du siger det er dumt at bruge iframe og frames, så vil jeg sige, det synes jeg ikke, da det ville ødelægge mit design hvis det skulle udvides nu mere tekst der kommer, og jeg kan godt lide at man kan se hele designet.. Hele tiden, og ikke skal til at scrooooooooooolle heeeeele vejen op igen for at klikke på et andet menu punkt.

men ellers, Tak igen :D!
Avatar billede thesurfer Nybegynder
20. februar 2008 - 21:40 #11
Valideringen (se 20/02-2008 20:39:16) siger:

Line 25, Column 45: there is no attribute "allowtransparency".


Det betyder, at "allowtransparency" enten er en Microsoft-ting der kun virker i Internet Explorer, eller at "allowtransparency" ikke findes i den valgte standard (XHTML 1.0 Transitional).

Hvis det er en Microsoft-ting:
1) Effekten kan kun ses i en Internet Explorer
2) Din side kan aldrig blive gyldig (valid)

Hvis det ikke er en del af den valgte standard (XHTML 1.0 Transitional), skal du droppe det.. ellers kan din side ikke blive gyldig / valid.
Avatar billede thesurfer Nybegynder
20. februar 2008 - 21:44 #12
Da jeg skrev 20/02-2008 21:29:46, havde du allerede tilføjet "allowtransparency"-delen.. så jeg tilføjede bare "background-color:transparent;"-delen..

Du behøver ikke iframe for at opnå den effekt.. altså, at indlæse en fil i et område der kan scrolles, som ikke ødelægger designet.. :-)

Se her:

<div style="height:200px; overflow:auto;">
En meget lang tekst:<br>
<br>
Hej alle eksperter, jeg har et problem med at mine div boxe ikke vil stå op af hinanden.. Altså vandret lige som i kan se på dette billed<br>
<br>
http://www.ziimx.zeekoo.dk/sj-skitse.jpg<br>
<br>
------------------------------------------<br>
Sån her ser min side PT. ud <br>
http://www.ziimx.zeekoo.dk/sj-design<br>
<br>
som i kan se i min css, så har jeg sat float:left; på alle mine boxe som skal være inde i div'et "#menu", det er dem jeg kalder for, 01 02 03 04 05 06.<br>
<br>
Så jeg håber der er nogen der ved hvorn jeg får de boxe til at stå op af hinanden.<br>
<br>
Tak på forhånd<br>
</div>


Du erstatter så bare den meget lange tekst med din PHP kode, der inkluderer filen som skal vises..
Avatar billede sijmonj Nybegynder
20. februar 2008 - 21:49 #13
og så vil der komme scroll på ..?,

ang. det med valideringen, det virker fint i firefox og internet explore og sku gerne virke i internet explore helt ned til 5.5, og, det du skrev med background-color:transparent; virker det?
Avatar billede sijmonj Nybegynder
20. februar 2008 - 21:50 #14
Jah det gjorde det sku :P, og nu er min side også valideret :)
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