Avatar billede jps2mt Nybegynder
03. november 2003 - 11:44 Der er 22 kommentarer og
2 løsninger

Størrelse på div boks driller mig

Jeg har en flok div-bokse til at opbygge min nye hjemmeside med, men jeg er rendt ind i et problem...

Jeg har 3 bokse, vandret. En i venstre, en i midt og en i højre.

Højre og venstre bokse står fint som de skal, men den midterste skal starte (left) ved 200px og slutte (right) ved 170px. Samtidig skal den altid, uanset indhold have fuld bredde, altså 100%.

Nu er det så bare at den fint starter ved 200 px, men den slutter ikke 170px inde i højre side, men er hele browserens bredde startende 200px fra venstre, altså boksen går ud gennem højre side af browseren.

Hvis det var lidt forvirrende, kan eksempel ses på http://www.blackchart.dk/new
Avatar billede ztyxx Nybegynder
03. november 2003 - 11:52 #1
måske kan dufå noget ud af dette http://www.html.dk/artikler/00043/
Avatar billede neander Nybegynder
03. november 2003 - 11:54 #2
Du skal have en margin på din body:

body            { background-color: white; }

ændres til

body            { background-color: white;
                          margin: 0px 0px 0px 0px;
                          }

Hjælper det noget?
Avatar billede Slettet bruger
03. november 2003 - 11:54 #3
hvordan ser din CSS ud ?
Avatar billede neander Nybegynder
03. november 2003 - 11:54 #4
Avatar billede Slettet bruger
03. november 2003 - 12:00 #5
istedte for:

div.indhold        { position: absolute;
              background: silver;
              width: 100%;
              left: 200px;
              right: 170px;
              top: 80px;
              z-index: 5;
            }

kan du prøve:
                  { background: silver;
              width: 100%;
              margin-left: 200px;
              margin-right: 170px;
              padding-top: 80px;
              z-index: 5;
            }
ved ikke om det virker -- er selv nybegynder :o)
Avatar billede Slettet bruger
03. november 2003 - 12:07 #6
Det er en voldsom skærmbrede du har:
2 stk. boxe som ligger ved siden af hinanden, de fylder måske 1600 px i bredden.
http://www.blackchart.dk/new

Nu skal du høre her: Gå ind på
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
og vælg den model der passer dig bedst.
De opstillinger du ser derinde, er testet og optimeret til 3 browsere (IE, Opera og Netscape), i alle nyere versioner og til både PC og Mac.  :-)
Avatar billede neander Nybegynder
03. november 2003 - 12:12 #7
extend » Smart side - Little Boxes!
Avatar billede Slettet bruger
03. november 2003 - 12:18 #8
-->neander:
Jeps, ikke også?
Mange test- og progrmmeringstimer kan spares, og mange ærgelser undgås, ved at chekke dette website ud.  :-)
Avatar billede Slettet bruger
03. november 2003 - 12:20 #9
Det er en ren gavebod... frit valg på alle hylder... slik for os kode-nørder...  ;-))
Avatar billede ztyxx Nybegynder
03. november 2003 - 12:20 #10
det var da et genialt site......
Avatar billede neander Nybegynder
03. november 2003 - 12:25 #11
Flere af den slags! - findes der mon et lignende et til frameset? Det ville være super, så man ikke behøver at bøvle med det hver gang...
Avatar billede jps2mt Nybegynder
03. november 2003 - 13:21 #12
Ikke noget brugbart af det der er kommet indtil vidre, er stadig stuck samme sted...
Avatar billede jps2mt Nybegynder
03. november 2003 - 13:25 #13
Problemet ligger jo i at siden skal fylde browser vinduet, UANSET størrelse, derfor skal jeg bruge width: 100%...Det er nemlig det midterste felt der skal udvides eller forminskes, afhængigt af browser vinduets størrelse...

Havde jeg bare ønsket en fast størrels var problemet slet ikke så stort...
Avatar billede Slettet bruger
03. november 2003 - 13:30 #14
-->jps2mt:
Vedr. dit problem:
Det link jeg har givet dig er 100% brugbart, stol fast på det. :-)
Ide: Start forfra, da det temmelig sikkert er noget af din egen kode som overstyrer/ødelægger.
Så jeg vil anbefale dig at starte forfra, og lægge dit eget ind lidt efter lidt (for at finde fejlen), så skal det nok lykkes til sidst.  :-)

-->neander:
Vedr. Frames på nettet:
Aner det ikke, men en af mine venner bruger Adobe GoLive, og dér kan man ret nemt se hvad man laver. Det er ligeså nemt som "Drag and create", og man kan regulere alle slags indstillinger, direkte.  :-)
Avatar billede neander Nybegynder
03. november 2003 - 13:33 #15
ja, jeg har også før brugt dreamweaver - kun til selve opbygningen. Men nu har jeg formatteret min hdd, og har ikke råd til den nye dreamweaver til XP. Det ville nu være fedt hvis der fantes en online-frameset-generator :o)
Avatar billede Slettet bruger
03. november 2003 - 13:33 #16
width: 100% er ikke kompatibelt med xhtml 1.1 eller CSS 2.  :-(

Men hvis du gør som jeg anbefaler dig, er dette problem allerede fixet i css-opsætningen, og du kan lave dine boxe i fuld bredde. :-))
Avatar billede jps2mt Nybegynder
03. november 2003 - 13:36 #17
Jeg kan bare ikke se hvordan, eftersom de eksempler jeg kan se derinde er med fast bredde, hvilket jeg ikke skal bruge...

Og ja, jeg har fundet ud af at det er den der windth: 100% der fucker med position absolute, men fjerner jeg position og bruger f.eks. margin, kommer den grå boks til at ligge helt fra toppen, kun teksten rykkes ned...
Avatar billede Slettet bruger
03. november 2003 - 13:47 #18
-->jps2mt:
Ok... jeg selv har kun rodet lidt med de boxe, men umiddelbart mener jeg at der er lidt af hvert derinde, også width: 100%. Det tror jeg nok ihvertfald.

Jeg selv bruger et mix af boxe og tables, da boxe langt fra er udviklet nok til at kunne overtage tables, efter min mening.
Og tilmed understøtter div. browsere heller ikke boxe fuldt ud, og kommer nok heller ikke til det indenfor de første år.
Og tables kan stadig bruges til meget andet end tabulære data.  :-)

-->neander:
Ide: Prøv at søge op google.dk for frameset-generator eller lign, ord. Måske kommer der noget brugbart op? Det tror jeg.
Hvis du finder noget godt, så post det herinde, ikke?  :-)

<!-- google.dk er din ven  -->
Avatar billede jps2mt Nybegynder
03. november 2003 - 13:55 #19
Jeg har ombestemt mig...Lader den være i fast størrelse, og har dermed selv løst mit problem, må se om den med tiden måske bliver variabel...

Har også hidtil udelukkende brugt tabeller til at styre designet, men synes det kunne være sjovt at lave en CSS styret hjemmeside, derfor vil jeg så vidt det overhovedet er muligt, undgå at skulle bruge andet end CSS til at sammensætte hjemmesiden...
Avatar billede jps2mt Nybegynder
03. november 2003 - 13:56 #20
Har givet dig 50% af points da det jo ikke løste det oprindelige problem, men du var trodsalt inde på noget :D
Avatar billede neander Nybegynder
03. november 2003 - 14:01 #21
Der findes denne frameset generator: http://www.hypergurl.com/cgi-bin/frame_form.pl

- men den er slet ikke fuldkommen... leder stadig.
Avatar billede neander Nybegynder
03. november 2003 - 14:15 #22
Denne her ligner måske noget: http://www.bagism.com/frameshop/
Avatar billede Slettet bruger
03. november 2003 - 14:23 #23
-->jps2mt:
Så du lader alligevel dit website være i en fast størrelse? Ja, det kan man jo også godt. Det gør jeg selv næsten altid.  :-)
Men ihvertfald har du nu fået et kanon-link som du altid kan bruge senere.  :-))

Og tak for point.  :-)

-->neander:
Ja, du er ved at indkredse noget som ligner noget. Led videre, og vupti! lykkes det.  :-)
Jeg tror at vi alle glæder os til at se hvad du finder frem.  :-)
Avatar billede neander Nybegynder
03. november 2003 - 14:26 #24
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