tutorials.de Buch-Aktion 05/2012
ERLEDIGT
NEIN
ANTWORTEN
2
ZUGRIFFE
181
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 07.07.08 17:50 #1
    Avatar von zyro
    zyro zyro ist offline Mitglied Silber
    Registriert seit
    Jul 2005
    Ort
    Remscheid
    Beiträge
    90
    Hallo zusammen,

    habt ihr sowas schonmal gesehen (siehe Anhang)?
    Ich werde wahnsinnig Eigentlich sollte die rote-Linie ganz einfach unten sein, ist sie aber im Ie6 nicht.
    Hat jemand ne Ahnung woran das liegen kann?

    Hier der CSS Code:

    HTML-Code:
    #box-middle ul.reiterNav {
	margin:6px 0 0 0;
	padding:0;
}

#box-middle ul.reiterNav li {
	display:block;
	float:left;
	background-color:#0190d4;
	margin:0;
	padding:0;
	list-style-type:none;
	border:1px solid #fff;
	border-left:none;
	height:25px !important;
	height:27px;
}

#box-middle ul.reiterNav li a {
	display:block;
	float:left;
	height:18px;
	padding:5px  20px 0px 20px;
	margin:0;
	color:#fff;
	font-weight:bold;
}

#box-middle ul.reiterNav li.act {
	background-color:#fff;
}

#box-middle ul.reiterNav li.act a {
	height:20px;
	color:#0190d4;
	padding:5px 20px 0px 20px;
	font-weight:bold;
	margin:0;
	border:1px solid #0190d4;
	border-bottom:1px solid #ff3300;
}
    P.S.: Das Workaround mit den Borders hat seinen Sinn, da muss später noch etwas verändert werden...
    Miniaturansicht angehängter Grafiken Miniaturansicht angehängter Grafiken Sich kreuzende Borders-border.gif  
    Geändert von zyro (07.07.08 um 17:53 Uhr)
     
  2. 08.07.08 12:19 #2
    Avatar von Sven Mintel
    Sven Mintel Sven Mintel ist offline Mitglied
    Registriert seit
    Aug 2003
    Beiträge
    18.238
    Blog-Einträge
    6
    Moin zyro,

    Mmmh...irgendwie hab ich einen anderen IE als alle anderen...bei mir kreuzt sich da nichts

    Könntest du bitte mal den betreffenden HTML-Code und das komplette CSS posten?
     
  3. 20.07.08 01:02 #3
    Maik Tutorials.de Gastzugang
    Hi,

    ich kann mich da nur Svens Aussage anschliessen, und mit dem hergeleiteten HTML-Quellcode deinen Schnappschuß nicht rekonstruieren:

    Sich kreuzende Borders-demo_borders.jpg

    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

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<meta name="author" content="Maik">
<title>tutorials.de | demo_zyro</title>
 
<style type="text/css">
<!--
#box-middle ul.reiterNav {
        margin:6px 0 0 0;
        padding:0;
}
 
#box-middle ul.reiterNav li {
        display:block;
        float:left;
        background-color:#0190d4;
        margin:0;
        padding:0;
        list-style-type:none;
        border:1px solid #fff;
        border-left:none;
        border-left:none;
        [B]/*height:25px !important;*/ /* auskommentiert */[/B]
        height:27px;
}
 
#box-middle ul.reiterNav li a {
        display:block;
        float:left;
        height:18px;
        padding:5px  20px 0px 20px;
        margin:0;
        color:#fff;
        font-weight:bold;
}
 
#box-middle ul.reiterNav li.act {
        background-color:#fff;
}
 
#box-middle ul.reiterNav li.act a {
        height:20px;
        color:#0190d4;
        padding:5px 20px 0px 20px;
        font-weight:bold;
        margin:0;
        border:1px solid #0190d4;
        border-bottom:1px solid #ff3300;
}
-->
</style>
 
 
</head>
<body>
 
<div id="box-middle">
        <ul class="reiterNav">
            <li class="act"><a href="#">Rating</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
</div>
 
</body>
</html>
    In diesem Zusammenhang ist Stu Nicholls' Experiment Border Colors ganz interessant.

    mfg Maik
     
« Inhalt absolut mittig plaziert | im ff ok, im ie verschoben »

Ähnliche Themen

  1. [WPF] Window Borders animieren
    Von Squizzer im Forum .NET WPF & Silverlight
    Antworten: 0
    Letzter Beitrag: 10.07.10, 13:57
  2. [SWT] eclipse rcp keine borders zwischen Views innerhalbt einer Perspektive
    Von adoubleu im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 0
    Letzter Beitrag: 04.02.08, 21:11
  3. Frame mit Borders
    Von firstlord18 im Forum HTML & XHTML
    Antworten: 7
    Letzter Beitrag: 28.01.05, 21:55
  4. [S] Pixel Borders ..
    Von chr im Forum Photoshop
    Antworten: 1
    Letzter Beitrag: 28.07.03, 13:33
  5. Borders der Tables gestrichelt
    Von kodiacc im Forum CSS
    Antworten: 6
    Letzter Beitrag: 07.07.02, 17:21