Avatar billede webrex Nybegynder
23. august 2005 - 16:40 Der er 19 kommentarer og
2 løsninger

IE - margin problem + width: auto;?

Hey

Tillader mig lige at stille 2 spgm.

1. Har oplevet det før: Du har en <div> med fast bredde. Det er din side. Du vil gerne have den skal have en margin i bunden til browser-kanten. Dette lader sig åbenbart ikke gøre - hvis man definerer en margin: 0px 0px 20px 0px; så fremkommer der en scroll! Det er en irriterende IE-fejl - eller hvordan kommer man let uden om den?

2. Mht. margin - så vil jeg nu gerne have en margin-top på 20px - det ser fint ud i 1024, men i 800-opløsning vil jeg gerne have en mindre margin - måske 5px? - Hvad gør jeg da?
Avatar billede webrex Nybegynder
23. august 2005 - 16:42 #1
HOvsa - det der width: auto; i overskrift var noget helt andet der undrede mig

3. Kan man ikke bede 3 <td> tags om at dele pladsen i 3 lige store dele? Når jeg sætter width: auto; så deler de sig ikke i 3 store dele? (Hæver lige point!)
Avatar billede roenving Novice
23. august 2005 - 16:47 #2
Hvilken højde har du da givet din div ?-)

-- hvis du vil have forskellige margins, må du bruge relative højder, f.eks. 5% !-)

Du kan jo sætte bredderne til 33%, 34% og 33% !o]
Avatar billede olebole Juniormester
23. august 2005 - 16:50 #3
<ole>

- og så skal du huske at din margin jo skal trækkes fra de 100%, du laver dit div højt ... men det er ikke så lige til  ;o)

/mvh
</bole>
Avatar billede webrex Nybegynder
23. august 2005 - 16:58 #4
Højden på div har jeg ikke defineret direkte - men via de divs den indeholder, og det er:
#top = 160px
#side = 520px
#bottom =20px
Ialt 700px

Mht. table så ser den sådan ud:
<table cellspacing="0" cellpadding="0">
        <tr>
            <td colspan="3" style="width: 75%; height: 40%;">Bla</td>
            <td rowspan="2" style="width: 25%; height: 100%;">Bla2</td>
        </tr>
        <tr>
            <td> Boks 1</td>
            <td> boks 2</td>
            <td> boks 3</td>
        </tr>
</table>
Og så kan du ikke sætte procent på de 3 bokse nederst! - (Da heller ikke over 100%)
Avatar billede roenving Novice
23. august 2005 - 17:04 #5
Hvor bred er din tabel ?-)

-- for når du bruger 25%, så er der jo 75% tilovers, som du så kan dele i 3*25% !-)
Avatar billede webrex Nybegynder
23. august 2005 - 17:06 #6
Min tabel fylder hele min #side og er omkring 770px bred - men tabellen har bare width: 100%;
Avatar billede webrex Nybegynder
23. august 2005 - 17:08 #7
Skal altså se sådan ud - tegnet i frontpage! - men her bare med px - jeg skal have den i %!
  <table border="1" width="374" height="220">
    <tr>
      <td width="246" height="112" colspan="3"></td>
      <td width="112" height="220" rowspan="2"></td>
    </tr>
    <tr>
      <td width="84" height="96"></td>
      <td width="84" height="96"></td>
      <td width="84" height="96"></td>
    </tr>
  </table>
Avatar billede webrex Nybegynder
23. august 2005 - 17:13 #8
Mht. margin: hvis jeg sætte margin på div #indhold: 1%; hvad er det så en % af?
Prøvede også at sætte 2 % margin på margin-bottom, men når siden vises i 800 opløsning er der ingen margin!?
Avatar billede roenving Novice
23. august 2005 - 17:13 #9
Det virker da udmærket ?-)

  <table border="1" width="770" height="220">
    <tr>
      <td width="75%" height="112" colspan="3" bgcolor="red"></td>
      <td width="25%" height="220" rowspan="2" bgcolor="blue"></td>
    </tr>
    <tr>
      <td width="25%" height="96"></td>
      <td width="25%" height="96" bgcolor="blue"></td>
      <td width="25%" height="96"></td>
    </tr>
  </table>
Avatar billede webrex Nybegynder
23. august 2005 - 17:15 #10
Der faldt ti-øren mht. tabellen !!! 25x3 selvfølgelig!
Avatar billede webrex Nybegynder
23. august 2005 - 17:21 #11
Så det bare det margin-problem, at den ikke viser margin...
Avatar billede webrex Nybegynder
23. august 2005 - 17:27 #12
JEg ved ikke, hvad du mener olebole? Når jeg sætter relativ margin: 2%; så ser det fint ud - dog viser den ikke margin i 800 som jeg skrev @ 23/08-2005 17:13:18.
Avatar billede olebole Juniormester
23. august 2005 - 17:38 #13
Det synes jeg absolut er en helt fin løsning. Problemerne opstår primært, når folk vil 'have elastikker i alle hjørner, undtagen ét'  :)
Sålænge man bare kan fastlægge nogle parametre, så er tingene til at arbejde med  ;o)
Avatar billede webrex Nybegynder
23. august 2005 - 17:42 #14
Hvad? - Forstår slet ikke, hvad du mener? - Kan det ikke lade sig gøre at have margin i to forskellige skærmopløsninger?
Avatar billede olebole Juniormester
23. august 2005 - 20:25 #15
Jeg forstår ikke ... hvor vil du have margin?
Avatar billede webrex Nybegynder
23. august 2005 - 20:35 #16
Jeg vil have margin mellem indholdsdiv'en (hvor siden er i) og browserkant. Altså bottom.
Avatar billede webrex Nybegynder
24. august 2005 - 12:06 #17
>RoEnViNG  - du kan da lige smide et svar for det ene problem, som du hjalp med - og så kan det jo være at en anden kan fortælle, hvordan man laver en side med en bottom-margin som ses i flere opløsninger! ;)
Avatar billede webrex Nybegynder
24. august 2005 - 15:05 #18
Nogen der kan hjælpe?
Avatar billede webrex Nybegynder
24. august 2005 - 15:54 #19
Lukker spgm. da det ene spgm er blevet besvaret! Smid et svar Roeving, så du kan få point!
Avatar billede roenving Novice
24. august 2005 - 15:58 #20
Oki '-)
Avatar billede roenving Novice
24. august 2005 - 16:13 #21
-- og tak 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