Avatar billede 7th Praktikant
06. juli 2003 - 20:10 Der er 14 kommentarer og
2 løsninger

Layout med css

Ifølge http://www.html.dk/artikler/00043/ og http://www.html.dk/artikler/00006/ lægger fremtiden langt fra i tabeller. Derfor har jeg besluttet mig for at opbygge mit site i divs, men jeg har store problemer, og derfor behov for hjælp.

Kig lige på denne simple layout skitse --> http://www.justrandb.dk/layout/layout.gif

Det er ikke noget problem at få lagt top div, de to side divs og indhold div. Men bund div driller mig, da det jo skal have en relativ placering. Hvordan jeg får de to side divs til at strække sig afhængig af indhold div kan jeg heller ikke finde ud af.

Dette er hvad jeg har indtil nu --> http://www.justrandb.dk/layout/

P.S. det er ikke utænkeligt, at mit css er helt hen i vejret :o)
Avatar billede pixeldude Nybegynder
06. juli 2003 - 20:45 #1
Jeg ved ikke om dette kan bruges:
http://www.dammark.net/exp/css-layout.asp
Avatar billede 7th Praktikant
06. juli 2003 - 20:49 #2
Nej, det kan det desværre ikke, da mit bund div ikke være placeret i bunden af siden, men derimod have en relativ placering i forhold til hvor høj de to side divs samt indhold div er.
Avatar billede googolplex Novice
06. juli 2003 - 21:30 #3
Bruger du position absolute ?
Avatar billede 7th Praktikant
06. juli 2003 - 21:42 #4
Øhh, jeg forstår ikke helt dit spørgsmål.
Avatar billede googolplex Novice
06. juli 2003 - 21:50 #5
Ligemeget, det gør du, jeg kunne jo bare kigge efter :)

Jeg har bygget min side op næsten på samme måde, og jeg havde nøjagtigt samme problem. Min side ser nu således ud:

www.ladefoged-roenne.dk

Som du kan se strækker bunden (den lysegrå bjælke i midten) sig ikke helt igennem.

Hvis du vil have den til at lægge sig efter både dine sider og midten, alt efter hvilken der er længts nede er du nødt til at bruge javascript. Det var i hvert fald den løsning jeg fandt (og gik bort fra).
Avatar billede 7th Praktikant
06. juli 2003 - 21:55 #6
OK, jeg tager lige et grundigt kig på din side, og vender så tilbage :)
Avatar billede googolplex Novice
06. juli 2003 - 22:00 #7
Jeg fandt en javascript løsning her:

http://www.eksperten.dk/spm/240224

Der er flere eksempler på eksperten. Men kort sagt går det ud på at placere en lille transperent gif (1*1) i bunden af din midte samt sider og så lade din bund placere sig i forhold til den laveste gif med javascript. Men spørg mig ikke hvordan :P Det kan måske gøres smartere, jeg kan bare ikke hitte ud af at løse det i ren css og ingen jeg har spurg thar kunnet heller :(
Avatar billede 7th Praktikant
06. juli 2003 - 23:17 #8
Jeg tror jeg har løst problemet nogenlunde. Nu skal jeg bare have mit css tilpasset og gjort javascript cross-browser venlig.
Avatar billede googolplex Novice
07. juli 2003 - 00:00 #9
Hvad gjorde du ?
Avatar billede 7th Praktikant
07. juli 2003 - 01:02 #10
Ups, glemte at sige, check lige http://www.justrandb.dk/layout/ igen ;) Prøv at downloade siden og udbyt teksten "inside" med en lang tekst.
Avatar billede googolplex Novice
07. juli 2003 - 10:57 #11
Ja, men hvad så hvis dine sider vokser sig større end midten, har du tjekket om det så virker ?
Avatar billede 7th Praktikant
07. juli 2003 - 16:29 #12
googolplex > det er siderne som skal følge midten, og ikke omvendt :) Siderne skal nemlig blot indeholde et lille stykke grafik.
Avatar billede 7th Praktikant
08. juli 2003 - 01:48 #13
googolplex > inden jeg lukker spørgsmålet, tænkte jeg du måske havde lyst til nogle points.
Avatar billede googolplex Novice
08. juli 2003 - 09:44 #14
selvfølgelig :)
Avatar billede 7th Praktikant
08. juli 2003 - 16:17 #15
60/40 er hvis en retfærdig deling, siden jeg selv fandt frem til en midlertidig løsning :) Takker for hjælp.
Avatar billede googolplex Novice
08. juli 2003 - 20:40 #16
Selv 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