Toon posts:

[CSS] Layout werkt niet goed in IE

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik heb een probleempje dit is echt de eerste keer dat het me gebeurd dat mn layout in FF wel goed werkt maar in IE niet. het probleem is dat hij de divs onder de menu div zet ipv ernaast zoals in FF. Er is iets met de margin als ik die omlaag zet zet hij hem er in IE wel goed naast, maar dan is hij neit meer goed uitgelijnd in FF.
Dit is mn source (http://217.120.203.215/prono/)
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
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
    <head>
        <title>:o</title>
        <style>
            * { margin: 0px; padding: 0px; color: #000000; font-family: Verdana, Arial; font-size: 11px; }
            BODY,HTML { margin: 3px; padding: 0px; }
            #container { width: 600px; background-color: #ffffff; margin: 0 auto; padding: 3px; }
            #tl { width: 600px; height: 47px; }
            #sel { width: 600px; height: 52px; margin-bottom: 3px; }
            #tl2 { float: left; margin-top: 3px; width: 200px; height: 49px; }
            #c1,#c2,#c3,#c4,#c5,#c6,#c7,#c8  { float: left; cursor: hand; margin-top: 3px; margin-left: 3px; width: 47px; height: 49px; }
            #c1 { background-color: #BF4040; }
            #c2 { background-color: #BFA640; }
            #c3 { background-color: #6CBF40; }
            #c4 { background-color: #40BF7C; }
            #c5 { background-color: #4092BF; }
            #c6 { background-color: #5440BF; }
            #c7 { background-color: #BF40BF; }
            #c8 { background-color: #BF405A; }
            #logo { width: 600px; height: 197px; background-color: #000000; }
            #menu { float: left; margin-top: 3px; width: 199px; }
            #head { margin-left: 202px; margin-top: 3px; width: 397px; height: 97px; }
            #main { margin-left: 202px; margin-top: 3px; width: 397px; height: 300px; }
            #foot { margin-left: 202px; margin-top: 3px; width: 397px; height: 25px; }
        </style>
        <script LANGUAGE="JavaScript">
            function CColor(x) {
                ...
            }
            function GColor() {
                ...
            }
        </script>
    </head>
    <body onLoad=GColor();>
        <div id="container">
            <div id="tl"></div>
            <div id="sel">
                <div id="tl2"></div>
                <div id="c1" onclick="CColor(01);"></div>
                <div id="c2" onclick="CColor(02);"></div>
                <div id="c3" onclick="CColor(03);"></div>
                <div id="c4" onclick="CColor(04);"></div>
                <div id="c5" onclick="CColor(05);"></div>
                <div id="c6" onclick="CColor(06);"></div>
                <div id="c7" onclick="CColor(07);"></div>
                <div id="c8" onclick="CColor(08);"></div>
            </div>
            <div id="logo"></div>
            <div id="menu">Menu<br />Menu<br />Menu<br />Menu<br />Menu<br />Menu<br />Menu<br />Menu<br />Menu</div>
            <div id="head">Header</div>
            <div id="main">Stuff</div>
            <div id="foot">F00t up y0 ass</div>
        </div>
    </body>
</html>

Iemand die een ID heeft om dit op te lossen,
bij voorbaat dank.

  • Sappie
  • Registratie: September 2000
  • Laatst online: 13:15

Sappie

De Parasitaire Capaciteit!

Kun je al je div's niet beter mbv position: fixed een positie (top / left) geven binnen de containter?

Verder zie ik zo 123 niet wat t probleem is.

[ Voor 12% gewijzigd door Sappie op 09-02-2005 22:53 ]

Specs | Audioscrobbler


Verwijderd

Topicstarter
Uhm zoiets had ik al geprobeerd maar dan begint die scroll raar te doen en mainen footer zijn dynamish in positie kwa hoeveelheid content er is.

  • Sappie
  • Registratie: September 2000
  • Laatst online: 13:15

Sappie

De Parasitaire Capaciteit!

Je main heeft toch een 'vaste' hoogte zoals ik daar zie in je css? Maar als ik het dus goed begrijp is deze variabel in hoogte?

Specs | Audioscrobbler


Verwijderd

Topicstarter
mjah als main waar stuff staat daar komt gewoon een lap tekst wat dus groter kan zijn dan die 300px en die header weet ik nog niet maar die moet misshien ook zo

  • Sappie
  • Registratie: September 2000
  • Laatst online: 13:15

Sappie

De Parasitaire Capaciteit!

Anders probeer dit eens:
code:
1
2
3
4
#menu { float: left; margin-top: 3px; width: 199px; }
#head { float: right; margin-top: 3px; width: 397px; height: 97px; }
#main { float: right; margin-top: 3px; width: 397px; height: 300px; }
#foot { float: right; margin-top: 3px; width: 397px; height: 25px; }

ipv:
code:
1
2
3
4
#menu { float: left; margin-top: 3px; width: 199px; }
#head { margin-left: 202px; margin-top: 3px; width: 397px; height: 97px; }
#main { margin-left: 202px; margin-top: 3px; width: 397px; height: 300px; }
#foot { margin-left: 202px; margin-top: 3px; width: 397px; height: 25px; }

Specs | Audioscrobbler

Pagina: 1