Toon posts:

[CSS] problem met positioneren/marges op Mozilla en MacIE

Pagina: 1
Acties:

Verwijderd

Topicstarter
ik kom er niet meer uit

site werkt op WinIE prima as usual, ook op Mozilla (win/mac) doet ie het goed (genoeg) maar vooral op IE op de Mac geeft ie problemen

problemen op IE / Mac :

- middenste div met tekst staat teveel naar rechts
- scrollbar is te lang
- plaatjes rechtsboven en onder worden niet gecentreerd
- kader rechts is niet lang genoeg


problemen met Mozilla (zowel mac als win) :

- witruimte tussen buttons te groot
- er zit een witruimte/padding bovenin het tekstkader die er niet moet zitten


tot slot krijg ik het niet voor mekaar om de plaatjes in het kader rechts op de juiste manier te positioneren (een boven, een onder) zonder tabellen te gebruiken

suggesties zijn zeer welkom :)


URL : http://www.komplot.com/test/komplot/
CSS :

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
body {
    margin: 20px 5px 0px 20px;
    padding: 0px 0px 0px 0px;
    text-align:center;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-3dlight-color: #CCCCCC;
    scrollbar-arrow-color:  #CCCCCC;
    scrollbar-track-color: #FFFFFF;
    scrollbar-darkshadow-color: #CCCCCC;
    
        }
    
    #frame {
        width:800px;
        height: 550px;
        margin-right:auto;
        margin-left:auto;
        margin-top:10px;
        padding:0px;
        text-align:left;
        }
        
    #contentleft {
        width:200px;
        margin: 35px 0px 0px 0px;
        float:left;
        background:#fff;
        padding: 0px 0px 0px 0px;
        }
    
    #contentcenter {
        width:390px;
        height: 475px;
        overflow: auto;
        margin: 35px 0px 0px -5px;
        float:left;
        background:#fff;
        padding: 0px 10px 0px 0px;
        }
    
    #contentright {
        width: 200px;
        height: 100%;
        padding: 0px 0px 0px 0px;
        margin: 0px 0px 0px 0px;
        float:left;
        background:#fff;
        text-align: center;
        }
    
    #contentheader {
        background:#fff
        }
        
    #rechtervlak {
    width: 185px;
    height: 464px;
    border: 1px solid #000;
    padding: 5px 5px 5px 5px;
    margin: 0px 0px 0px 0px;
    }
    
    .menubutton {
    padding: 0px;
    margin: 1px 1px 0px 0px;
    }

  • CrashOne
  • Registratie: Juli 2000
  • Niet online

CrashOne

oOoOoOoOoOoOoOoOoOo

De padding wordt bij mozilla bij de width/height op geteld, bij win IE valt de padding binnen de op gegeven dimensies.

Misschien dat daar het verschil in zit.

Huur mij in als freelance SEO consultant!


Verwijderd

Topicstarter
hm dat wist ik niet

maar dan zou het eigenlijk andersom moeten zijn :?

want bij mozilla pakt ie dus padding boven IN het kader, want de scrollbar staat wel op de goede hoogte, en bij IE op de Mac is de scrollbar/tekstkader veel te hoog

bovendien gebruik ik amper tot geen padding, gaat voornamelijk om marges