tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
1667
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 26.12.06 21:33 #1
    m_topic m_topic ist offline Mitglied Bronze
    Registriert seit
    Jun 2006
    Beiträge
    37
    Hallo,

    ich probiere seit mehreren Stunden einen Browsercrossover fehler zu lösen das Problem scheint aber für mein IQ unlösbar zu sein

    IE6 interpretiert es wahrscheinlich falsch aber halt so wie ich es möchte alle andere Browser interpretieren es anders.

    Link

    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

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
 
 
<style type="text/css">
.box {
    width:50%;
    height:200px;
    background-color:#000000;
}
 
.rechtsunten {
    width:100%;
    height:100%;
    background: url(img/rb.gif) no-repeat bottom right;
}
 
.linksunten {
    width:100%;
    height:100%;
    background: url(img/lb.gif) no-repeat bottom left;
}
 
.rechtsoben {
    width:100%;
    height:100%;
    background: url(img/rt.gif) no-repeat top right;
}
 
.linksoben {
    width:100%;
    height:100%;
    background: url(img/lt.gif) no-repeat top left;
    padding:10px;
}
 
.content {
    width:100%;
    height:100%;
    background-color: #000000;
    border:1px #CCCCCC solid;
}
</style>
</head>
 
<body>
 
<div class="box">
    <div class="rechtsunten">
        <div class="linksunten">
            <div class="rechtsoben">
                <div class="linksoben">
                    <div class="content"></div>
                </div>
            </div>
        </div>
    </div>
</div>
 
</body>
</html>
     
  2. 26.12.06 22:20 #2
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    versuch es mal folgendermassen.
    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

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title></title>
 
<style type="text/css">
.box {
    width: 50%;
        min-height: 200px;
        height: auto !important;
    height: 178px;
    background-color: #000000;
}
 
.rechtsunten {
    height:100%;
    background: url(img/rb.gif) bottom right no-repeat;
}
 
.linksunten {
    height:100%;
    background: url(img/lb.gif) no-repeat bottom left;
}
 
.rechtsoben {
    height:100%;
    background: url(img/rt.gif) no-repeat top right;
}
 
.linksoben {
    height:100%;
    background: url(img/lt.gif) no-repeat top left;
    padding:10px;
}
 
.content {
        min-height: 178px;
        height: auto !important;
    height: 100%;
    background-color: #000000;
    border:1px #CCCCCC solid;
        color: #efefef;
}
</style>
</head>
<body>
<div class="box">
    <div class="rechtsunten">
        <div class="linksunten">
            <div class="rechtsoben">
                <div class="linksoben">
                    <div class="content">Content</div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>
    Die Box hat jetzt eine gesamte minimale Höhe von 200 Pixeln. Weiterhin passt sich das Element dem
    Inhalt an.

    Vielleicht hilft das weiter.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
  3. 26.12.06 22:36 #3
    m_topic m_topic ist offline Mitglied Bronze
    Registriert seit
    Jun 2006
    Beiträge
    37
    Perfekt, danke viel Mal

    Darft ich dich fragen wie lang du dafür gebraucht hast?
     
  4. 26.12.06 23:28 #4
    Quaese Quaese ist offline Moderator
    tutorials.de Moderator
    Registriert seit
    Feb 2004
    Beiträge
    3.451
    Hi,

    es ging relativ flott - war allerdings nicht das erste Mal, dass ich eine derartige Box gestaltet habe.

    Ciao
    Quaese
     
    Vielleicht muss man manchmal vom Weg abkommen, um nicht auf der Strecke zu bleiben!
    ----
    Der "Fortsetzungsroman" auf www.leuteforum.de

    New kind to realize large scalable projects with jQuery: jQuery SDK
« IE und Firefox Problem | "Suggest List" - Popunder erstellen (DIV Layer) »

Ähnliche Themen

  1. padding-top problem
    Von Arndtinho im Forum CSS
    Antworten: 4
    Letzter Beitrag: 03.11.06, 14:06
  2. IE und padding um hr
    Von saimoto im Forum CSS
    Antworten: 5
    Letzter Beitrag: 15.04.05, 13:49
  3. padding-top und padding-bottom Problem
    Von kalfany im Forum CSS
    Antworten: 4
    Letzter Beitrag: 12.03.05, 13:35
  4. Padding-top, Padding-left
    Von Fanatico im Forum CSS
    Antworten: 7
    Letzter Beitrag: 21.06.04, 16:52
  5. padding?
    Von WinnyPooh im Forum CSS
    Antworten: 2
    Letzter Beitrag: 13.08.02, 11:39