Avatar billede tipsen Nybegynder
28. april 2002 - 00:29 Der er 11 kommentarer og
1 løsning

CSS, tabeller, margin, bredde

Hej eksperter

Haves:
Tabel som benytter følgende CSS:
  margin-left : 5%;margin-right : 5%;width : 90%;

Ønskes:
Tabel som har 20px som hhv. højre og venstre margin og benytter den plads der er tilovers - dvs. hvis der er 200 pixels tilovers, er tabellen 200px bred og er der 400 tilovers, ja så er tabellen 400px bred.

Har prøvet:

  margin-left:20px;margin-right:20px;
  margin-left:20px;margin-right:20px;width:100%;

Første udgave fungerer i IE6, men ikke i NN6.2
Anden udgave fungerer slet ikke...

Nogle gode forslag?

-jeg er ikke interesserert i et eller andet script, som aflæser skærmbredden og justerer bredden efter det - jeg er udelukkende interesseret i CSS løsninger!
Avatar billede =maddog= Nybegynder
28. april 2002 - 09:20 #1
kan ikke lade sig gøre p.t. med mindre du udvikler udelukkende til NS4. CSS er statisk så du må bide i græsset og ty til JavaScript for at aflæse og udnytte skærmstørrelsen optimalt. Hvad er der galt i det?
Avatar billede tipsen Nybegynder
28. april 2002 - 11:02 #2
Hvad hvis man laver en tabel med width:100%; som er indeholdt i et <div> tag, som har margin-left:20px;margin-right:20px; - burde det ikke fungere?
Avatar billede lerchedahl Nybegynder
29. april 2002 - 14:40 #3
jo! lav en div (eller tabel for den sags skyld) som er 100% bred, og giv hele siden en margin på 20 pixels...

<head>
<style>
body {
margin-left: 20px;
margin-right: 20px;
}
</style>
</head>

tadaa!

/lerchedahl
Avatar billede tipsen Nybegynder
29. april 2002 - 15:11 #4
lerchedal: Så får det også indflydelse på resten af siden, hvilket jeg ikke er interesseret i! Det skal kun være tabellen som er indrykket!
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:19 #5
hvad så med at sætte din tabel ind i en anden tabel?

<table width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
  <td width="20"></td>
  <td>

  [din tabel]
 
  </td>
  <td width="20"></td>
</tr>
</table>
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:19 #6
stryg lige 'height="100%"' ik' :-)
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:21 #7
[din tabel] skal så naturligvis have en bredde på 100% og ingen marginer...
Avatar billede tipsen Nybegynder
29. april 2002 - 15:26 #8
Hehe - det er sgu for meget en høkerløsning :-) - og der er også for mange tabeller at redigere...
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:30 #9
det er en vældig udbredt metode at 'neste' tabeller, og ganske browservenlig også, hvis man selvfølgelig holder tabellerne i et moderat antal. Du ville ikke skulle tilføje andet end en enkelt tabel omkring din eksisterende, så du kan ikke påstå at der er for mange tabeller.

begrebet 'høkerløsning' er jeg ikke bekendt med, men jeg ved da at den løsning med tabellen vil virke i flere browsere end den med margin!

/lerchedahl
Avatar billede lerchedahl Nybegynder
29. april 2002 - 15:41 #10
<div style="width: 100%; padding-left: 20px; padding-right: 20px;">

[din tabel]

</div>

...som du selv er inde på burde også virke. Du skal bare være opmærksom på ikke at give denne <div> en baggrund, da en sådan er ligeglad med 'padding'...

/lerchedahl
Avatar billede tipsen Nybegynder
29. april 2002 - 18:15 #11
Jeg siger tak for hjælpen - nu fik jeg da set, hvilke muligheder der var!
Avatar billede lerchedahl Nybegynder
30. april 2002 - 09:06 #12
ingen årsag, takker for point :-)
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