Avatar billede billen Nybegynder
27. december 2003 - 17:17 Der er 9 kommentarer og
2 løsninger

Konverter dette tabel-baserede layout til css.

Jeg har lidt forgæves forsøgt selv at lave mit design om til css. Jeg udlover derfor 200 point til den, som konverter nedenstående skitse til css, så det virker i IE, mozilla og opera:

http://www.mytolex.dk/exp/newdesign.html

Jeg har selv rodet lidt rundt med det og selv kommet frem til dette:

http://www.mytolex.dk/index_css.php

Problemet er bare, at det ikke fungerer i mozilla og opera. (kig selv, det springer i øjnene med det samme).
Avatar billede bjoarn Nybegynder
27. december 2003 - 19:13 #1
Jeg har lavet et lille forslag, ud fra det første link:

http://test.bjoarn.dk/hest/site/index.htm
Avatar billede bjoarn Nybegynder
27. december 2003 - 19:15 #2
jeg har dog måtte lave om på billedet i siderne, så det blev til et billede...
ingen browser understøtter border-image endnu :-(
Avatar billede billen Nybegynder
27. december 2003 - 19:21 #3
GOD DAMN ;-) Det var det hele? Jeg havde troet at man rigtig skulle ud i diverse css bugs for at fixe det. Jeg har nok siddet en 25-50 timer og rodet med det; spurgt om det et par gange her inde.

Du har lige reddet min dag. Læg et svar og få dine velfortjente point.

P.S. Ved du egentlig om der er en skabelon et eller andet sted for sådan et layout som mit? Jeg har nemlig ledt rigtig mange steder; specielt med udgangspunkt i http://www.eksperten.dk/spm/443984.
Avatar billede bjoarn Nybegynder
27. december 2003 - 19:28 #4
Der er endnu en lille ændring ved min version.
Den er ikke 100% høj, men går kun ned til indholdet slutter.
Så hvis indholdet er lavere end vinduet, vil man kunne se baggrunden forneden.
Det kan evt. løses med en footer...

100% højde tror jeg er svær at lave... det har vist været oppe at vende et par gange i dette forum i løbet af de sidste par dage... Og der var stor forskel på hvordan browserne viste det...

Men håber du kan bruge det alligevel :-)
Avatar billede billen Nybegynder
27. december 2003 - 19:34 #5
hmmm det havde jeg selvfølgelig ikke lige testet... det skal den altså kunne. det er jo netop det, som er så besværligt.

Hehe... vil det så egentlig sige, at det ikke kan lade sig gøre?
Avatar billede bjoarn Nybegynder
27. december 2003 - 19:51 #6
hvis du enten har samme baggrundsfarve i menu og indhold
eller hvis du laver et baggrundsbillede til containeren som indeholder baggrund for både menu og indhold,
så¨fungere nedenstående:
http://test.bjoarn.dk/hest/site2/
Avatar billede billen Nybegynder
27. december 2003 - 19:57 #7
Ja men så har vi stadigvæk samme problem som http://www.mytolex.dk/index_css.php

Hvis der er for meget på siden, så ser det fint ud i IE med den går ud over kanten i moz+opera
Avatar billede bjoarn Nybegynder
27. december 2003 - 20:29 #8
Nu har jeg eksperimenteret lidt...
Og desuden kigget på alle mine ynglings css-sites...
Der er så vidt jeg kan se, er der intet hack til at lave 100% procent højde

100% højde er også imod standarderne, da 100% højde står for contentheight.
Med hacks vises den for viewporten.
Det du behøver er et hack der kan vise:
"viewport + contentheight ud over viewport"

Så jeg må desværre melde pas, iforhold til design du ønsker.
God arbejdslyst :-)
Avatar billede billen Nybegynder
27. december 2003 - 20:36 #9
Du skal have tak for forsøget. Jeg har selv før fået lavet det som jeg ville have det ved hjælp af javascript. Jeg brugte biblioteket fra http://www.cross-browser.com men fandt ud af at jeg på den måde mistede en del af fordelene ved css, samt at siden blev en del tungere.
Avatar billede billen Nybegynder
27. december 2003 - 20:37 #10
Du får dog lidt for din ulejlighed. Du har jo brugt en del tid på del alligevel.
Avatar billede bjoarn Nybegynder
27. december 2003 - 20:42 #11
tak :-)
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