tutorials.de Buch-Aktion 05/2012
ERLEDIGT
JA
ANTWORTEN
3
ZUGRIFFE
2197
EMPFEHLEN
  • An Twitter übertragen
  • An Facebook übertragen
DIESES THEMA IST
GESCHLOSSEN
  1. 13.05.07 16:50 #1
    schiese schiese ist offline
    Registriert seit
    Oct 2005
    Beiträge
    277
    Hallo,
    ich habe ein Problem bei meinem Menu. Ich möchte gerne die Ecke unten rechts abrunden. Im FF klappt es auch, nur im IE wird es falsch dargestellt. Habe es schon mit bottom:0px versucht, aber dann klappt esd überhaupt nicht. Hat jemand eine Idee?

    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
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Startseite</title>
<style type="text/css">
<!--
 
#hauptlinks {
width:150px;
font-size:9pt;
font-family:Arial, sans-serif;
float:left;
}
 
#hauptrechts {
width:650px;
font-size:9pt;
font-family:Arial, sans-serif;
float:left;
}
 
div.clear {
clear:both;
}
 
 
 
 
ul#navohne {
border:1px solid rgb(150,150,150);
color:rgb(255,255,255);
padding-left:15px;
font-size:9pt;
font-weight:bold;
font-family:Arial, sans-serif;
background-color:rgb(150,150,150);
width:130px;
line-height:20px;
list-style:none;
margin:0;
}
 
ul#navunten {
border-left:1px solid rgb(200,200,200);
border-right:1px solid rgb(200,200,200);
border-bottom:1px solid rgb(200,200,200);
list-style:none;
padding-left:15px;
font-size:9pt;
font-family:Arial, sans-serif;
background-color:rgb(230,230,230);
width:130px;
margin:0;
height:300px;
}
 
ul#nav {
list-style: none;
margin:0;
padding:0;
}
 
ul#nav a {
padding-left:15px;
font-size:9pt;
font-family:Arial;
color:rgb(0,0,0);
text-decoration:none;
width:130px;
background-color:rgb(240,240,240);
display:block;
line-height:20px;
border-left:1px solid rgb(200,200,200);
border-right:1px solid rgb(200,200,200);
border-bottom:1px solid rgb(200,200,200);
}
 
ul#nav a:hover {
background-color:rgb(230,230,230);
color:rgb(0,0,0);
font-weight:bold;
}
 
#rundeecke {
position:relative;
top:279px;
left:107px;
}
 
//-->
</style>
</head>
<body>
 
 
 
 
<p>
<!-- Hauptbox links //-->
 
<div id="hauptlinks">
 
<p align="center">
<img src="logo.jpg">
</p>
 
<ul id="navohne">
 <li> &nbsp; &nbsp;Kategorie</li>
</ul>
<ul id="nav">
 <li><a href="#">Menu</a></li>
 
 <li><a href="#">Menu</a></li>
 <li><a href="#">Menu</a></li>
 <li><a href="#">Menu</a></li>
 <li><a href="#">Menu</a></li>
</ul>
<ul id="navohne">
 <li> &nbsp; &nbsp;Kategorie</li>
 
</ul>
<ul id="nav">
 <li><a href="#">Menu</a></li>
 <li><a href="#">Menu</a></li>
 <li><a href="#">Menu</a></li>
</ul>
<ul id="navohne">
 <li> &nbsp; &nbsp;Kategorie</li>
 
</ul>
<ul id="nav">
 <li><a href="#">Menu</a></li>
 <li><a href="#">Menu</a></li>
 <li><a href="#">Menu</a></li>
</ul>
<ul id="navunten">
 <li><div id="rundeecke"><img src="rundeecken.bmp"></div></li>
</ul>
 
</div>
 
<!-- Hauptbox rechts //-->
 
<div id="hauptrechts">
 
 
Inhalt
 
 
</div>
 
<div class="clear"></div>
 
</body>
</html>

    HIer der LINK

    schiese
     
  2. 13.05.07 18:00 #2
    Docex Docex ist offline Grünschnabel
    Registriert seit
    May 2007
    Beiträge
    2
    Mach es dir doch einfacher, indem du einfach ein weiters div- oder p-Element unter dem Menü einfügst und die abgerundete Ecke als Hintergrundbild einbindest.

    HTML-Code:
    #clear_nav{
   width:150px;
   background:transparent url(rundeecken.bmp) bottom right no-repeat;
}
    Das sollte dann auch im IE & Co problemlos funktionieren.
     
  3. 13.05.07 18:22 #3
    Maik Tutorials.de Gastzugang
    Hi,

    wenn ich für das Dokument einen Doctype angebe, der den IE nicht in den Quirksmodus versetzt, wird das Menü in der korrekten Breite (130px + 15px = 145px) dargestellt.
     
  4. 13.05.07 18:27 #4
    schiese schiese ist offline
    Registriert seit
    Oct 2005
    Beiträge
    277
    Vielen Dank Michael. Es lag am Doctype. Bin auf folgender Seite fündig geworden: http://www.oliverbertschinger.ch/webdesign/doctype/

    schiese
    Geändert von schiese (13.05.07 um 18:31 Uhr)
     
« Problem: CSS Homepage - Gestaltung - mitwachsende Layer + Hintergründe | Zweispalter »

Ähnliche Themen

  1. Register in RCP abgerundet
    Von jogeilo im Forum Swing, Java2D/3D, SWT, JFace
    Antworten: 4
    Letzter Beitrag: 12.01.09, 19:33
  2. In der Ecke
    Von badmax im Forum Werkstatt
    Antworten: 0
    Letzter Beitrag: 28.01.07, 18:11
  3. Boole Kannten abgerundet bekommen ?
    Von ixlflaxl im Forum Cinema 4D
    Antworten: 3
    Letzter Beitrag: 10.03.05, 01:14
  4. fortsetztung , button abgerundet
    Von sunny im Forum Sonstige Grafik-Programme
    Antworten: 1
    Letzter Beitrag: 14.02.02, 10:39