Home | Registrieren | Einloggen | Suchen | Aktuelles


Forum » Auszeichnungssprachen » Firefox width:50% Antworten
Firefox width:50%

ketchxup
Feiertags-Poster


Beiträge: 38


hallo

ich habe eine menü
und möcte die links auf "width:50%" haben , da jeweils nur 2 links pro zeilen
angezeigt werden... (so stell ich es mir zumindest vor: hat auch gut geklappt...IE 6, Opera 8)
nur Firefox macht da nicht mit!?!?! ich bekomme die menüs als clear:both??!(untereinander) angezeigt.
Aber sobald ich width auf 45% setze funz alles wieder die Links sind (nebeneinander)...aber links und recht hat es noch genügend Platzt.
allgemein ist es bei Firefox alles so riesig abgebildet!?!?
Kann da jn helfen, bitte?

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:
<div class ="pesdatenmenu">
<ul>
<li><a href="#" title="#">Tabelle </a></li>
</ul>
<ul>
<li><a href="#" title="#">Ergebnisse </a></li>
</ul>
<ul>
<li><a href="#" title="#">Die Meisten Toren </a></li>
</ul>
</div>




.pesdatenmenu {
	font-size: 12px;
	margin: 0 0 0 0;
	
			}

.pesdatenmenu ul{
	margin: 0 0 0 0;
	padding: 0;
	list-style-type: none;
	
		
			}

.pesdatenmenu li{
	width:50%;
	font-size: 12px;
	display: inline;
	float: left;
	font-weight: bold;
	background-color: #3A5FAA;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;


Diese Nachricht wurde geändert von: ketchxup
  Profil   E-Mail   Editieren   Zitieren

HoRnominatoR
Mausakrobat


Beiträge: 165


warum machst du immer wieder eine neue liste auf? das ergibt semantisch keinen sinn.

1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19:
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>


* {
 margin:0;
 padding:0;
}

ul li {
 width:50%;
 float:left;
}


---
get OPERA for free

  Profil   E-Mail   Website   Editieren   Zitieren

ketchxup
Feiertags-Poster


Beiträge: 38


danke es geht!
weil ich einfach alles probiert habe(und sowas ist dann rausgekommen gemerkt hatte ich es schon dass es keinen sinn ergibt)aber falsch ist es auch net ?!?!
Aber irgendwie wird es von IE falsch interpretiert??!! aber sieht nicht so schlimm aus!!
danke!!!!

Diese Nachricht wurde geändert von: ketchxup
  Profil   E-Mail   Editieren   Zitieren

Austin Powers
Mausakrobat


Beiträge: 170


HoRnominatoR schrieb am 19.08.2005 20:04
...
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13: 
14: 
15: 
16: 
17: 
18: 
19:
<ul>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
<li><a href="#">link</a></li>
</ul>


* {
 margin:0;
 padding:0;
}

ul li {
 width:50%;
 float:left;
}

anm: besser display:inline; als float:left; , den Vorteil sieht man wenn man den Hintergrund einfärbt.

---
MfG:Austin Power (Saturn Realm)
OMW! Zumindest sobald ich herausgefunden hab wo ich JETZT gerade bin.
<---------->
"Wenn Liebe die Antwort ist, könnst Du bitte die Frage neu formulieren?" ... Lily Tomlin
<---------->
code hier http://www.pastebin.com

  Profil   Website   Editieren   Zitieren
 

Antworten
Nach oben