Avatar billede rasmusc Nybegynder
28. november 2002 - 20:49 Der er 17 kommentarer og
1 løsning

forskellige opløsninger

Hvad er den aller nemmeste måde at lave et design, som vises fint i forskellige opløsninger?

Kan man lave en .boks (width: 100%; height: 100%)

og så sætte alt andet ind i den med relativ positionering?

Altså én stor div der fylder hele skærmen og en masse span inden i den?

Eller er det en smartere måde?

ras
Avatar billede jakobclausen Nybegynder
28. november 2002 - 20:55 #1
Jeg vil ikke angive % i width og height, men istedet for pixels.

Inde i boksen vil jeg så lave en tabel med width 100% og height 100%, da den så vil fylde hele boksen ud. I denne tabel kan du så sætte dine billeder og tekster op.
Avatar billede jakobclausen Nybegynder
28. november 2002 - 21:00 #2
Du kan også bare lave en tabel hvor du f.eks. sætter width= 50% og height=50%, så burde bredden og højden ændre sig alt efter hvor stort vinduet er.
Avatar billede rasmusc Nybegynder
28. november 2002 - 21:38 #3
altså en div med f.x width: 1400px; height: 1200px (så skulle man vaere dækket ind)

men det vil jo betyde en masse scrollbare på min 800*600 ...

ras
Avatar billede jakobclausen Nybegynder
28. november 2002 - 21:49 #4
Ja men du skal ikke lave den så stor. F.eks. til en 1024*768 vil man kun lave selve indholdet 955*600 pixels.

Men som jeg skrev i mit andet forslag, så kan man hvis du bare lave en tabel med med width 50%; height 50%, så vil bredden og højden blive enten større/mindre alt efter hvor stor ens browser vindue er.

Men for det meste laver man jo ikke ens design så det passer til alle opløsninger. Man bestemmer sig for hvem ens målgruppe er, og udfra det udarbejder man designet så det passer til den opløsning målgruppen har. Er det lidt ældre mennesker/det offentlige vil opløsningen være 800*600, er det folk som er her på ekperten er opløsningen mininum 1024*768 og ofte højere
Avatar billede michael-k Nybegynder
28. november 2002 - 21:51 #5
hvorfor ikke bare lave en tabel på  width og height 100%  og lave en tabel i den  som du så angiver px i  så skulle du være dækket ind
Avatar billede michael-k Nybegynder
28. november 2002 - 21:53 #6
sådan her feks. 
<table style="border-width: 0px; height: 100%; width: 100%;">
<tr>
  <td valign="middle" align="center"> 
Din tabel skal være her 
</td>
</tr>
</table>
Avatar billede jakobclausen Nybegynder
28. november 2002 - 21:54 #7
Michael-k's ide er fin, men jeg vil ikke brug 100%, men måske 75%/80%.

Jeg bryder mig ikke så meget om at bruge 100%, da jeg synes at det kommer til at fylde for meget, men ideen er ok.
Avatar billede rasmusc Nybegynder
28. november 2002 - 21:59 #8
ok - jeg gør som michael forslår. Men det bliver jo så:

en tabel - en tabel i den tabel - og (mindst) to css.bokse i den tabel ... frygteligt besværligt!

Det drejer sig om en side med i alt 20 undersider ... det skal sådan set kun bruges én gang (det er en jobansøging). jeg vil bare sikre mig, at manden, der skal læse min ansøgning ikke ser på nogert værre hø)

Siden skal blot bestå af en menu med cirka 10 punkter og så en tekst til hvert punkt.

jeg havde tænktmig at lave en boks til menuen og så en boks til indholdet ... selve menuen og indholdet kommer vha. ssi ...

Jeg kan godt f det til at virke - men når man så resizer vinduet går der jo helt kage i den ...

ras
Avatar billede michael-k Nybegynder
28. november 2002 - 22:04 #9
tja det kan godt blive for mange tabeller i tabeller til sidst ;)  Er ikke så meget inde i css så dine bokse kan jeg ikke hjælpe med  holder mig stadig til tabeller :)
Avatar billede jakobclausen Nybegynder
28. november 2002 - 22:05 #10
Hvor mange procent har du skrevet i width og height? Og hvor mange pixels på tabellen inden i ?
Avatar billede jakobclausen Nybegynder
28. november 2002 - 22:06 #11
rasmusc: Jeg skulle mene at hvis du bygger elementerne op via css, behøver du jo reelt kun en tabel
Avatar billede rasmusc Nybegynder
28. november 2002 - 22:15 #12
tjae ... det ser ud til at virke ... en tabel som:

<table style="border-width: 0px; height: 100%; width: 100%;">
<tr>
  <td valign="middle" align="center"> 
Din tabel skal være her 
</td>
</tr>
</table>

og så til <div class="bla bla"> i den ... men når jeg så angiver menuboksen til float:left så ryger indholdet ned under menuen, hvis man resizer vinduet ...

pog nu skal der vist snart uddeles nogle point


ras
Avatar billede jakobclausen Nybegynder
28. november 2002 - 22:21 #13
Hmm, den kan jeg ikke lige regne ud.
Avatar billede rasmusc Nybegynder
28. november 2002 - 22:25 #14
hehe - det kan jeg heller ikke ...

ras
Avatar billede rasmusc Nybegynder
29. november 2002 - 10:21 #15
Nå - det er åbenbart ikke så leet som jeg havde håbet ...

ras
Avatar billede michael-k Nybegynder
29. november 2002 - 12:36 #16
du kunne prøve at smide den over i css eller html kategorien måske du har større held der :)
Avatar billede jakobclausen Nybegynder
29. november 2002 - 13:34 #17
Jeg kan ikke lige huske hvordan det er man gør det, men det er noget med at du skal kæde boksen og teksten sammen på en eller anden måde, så de ikke flytter sig fra hinanden.

Men prøv at give point her, og så gør som michael-k skriver, at spørger under css kategorien. Du har jo egentlig fået svar på dit spørsmål men hensyn til opsætning.
Avatar billede jakobclausen Nybegynder
01. december 2002 - 14:29 #18
Synes du ikke at det er tid til at lukke
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