• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Abstand zw. Menu-Liste <ul> und Absatz <p>

Status
Für weitere Antworten geschlossen.

ingoS

Aktives Mitglied
Ich baue im Moment eine Homepage und bin mal wieder der Verzweiflung nahe:
Eigentlich wollte ich ausschließlich mit CSS ein Reiter-Menü bauen, à la:
Code:
 ______    ______    ______    ______
|______|__|      |__|______|__|______| 
|                                    |
|                                    |
|                                    |
|                                    |
|____________________________________|
Dies ist mir leider nur mäßig gelungen.
Firefox und Opera zeigen mir einen winzigen Abstand zwischen den Reitern (<ul>) und Textbereich (

) an, der IE einen riesigen leeren Zwischenraum, obwohl ich wirklich alles auf 0 gesetzt habe, was man auf 0 setzen konnte. Der einzige Browser, in dem alles perfekt funktioniert, ist überraschenderweise Netscape, doch das hilft mir leider ziemlich wenig.

Seite
CSS-Datei:
Code:
body 
{
font-family: arial, sans-serif, helvetica, geneva;
}


#ergebnisse 
{
margin-left: 27px; 
margin-right: 45px; 
margin-top: 0px; 
margin-bottom: 0px; 
font-size: 12pt; 
background-color: #ffffee; 
padding: 3px;
}


#haupttext 
{
padding-left: 27px; 
padding-right: 45px; 
background-color: transparent; 
font-size: 12pt;
}


#ticker 
{
margin-left: 27px; 
margin-right: 45px; 
background-color: white; font-size: 10pt;
}


a:link 
{
color: #000088; 
text-decoration: underline;
}


a:visited 
{
color: #000088; 
text-decoration: underline;
}


a:hover 
{
color: #447744; 
text-decoration: none;
}


ul 
{
list-style-image:url(images/bullet.gif); 
list-style-position: outside;
}


ul li 
{
padding-bottom: 15px;
}


ul#horizontalmenu 
{
text-align:center; 
margin: 0px; 
padding: 0px;
}


ul#horizontalmenu li 
{
padding: 0em 1em; 
margin-left: 3px; 
margin-bottom: 0px; 
padding-bottom: 0px;
}


.inaktiv 
{
background-color: #ccc;
}


.aktiv 
{
background-color: #ffffee;
}
 
Werbung:
flapo schrieb:
Hast du es schon mit negativen Angaben probiert?
Jetzt schon. :mrgreen:
Damit wird das Problem zumindest unter Firefox und Opera behoben. Der IE zeigt sich hingegen ziemlich unbeeindruckt. :roll:
Gibt es noch weiter Lösungsvorschläge?
 
Werbung:
CrackPod schrieb:
naja dann würde is es soweit belassen und für den IE mit einer Browserweiche arbeiten
Ich hasse ihn, ich hasse ihn, ich hasse ihn, ich hasse ihn, ich hasse ihn!!!
Ich glaube, ich überarbeite das doch noch einmal komplett und dann werden wir ja sehen, was dabei herauskommt. :evil:
 
Werbung:
ui danke für den konstruktiven beitrag ltm...

naja alles neu machen is ne möglichkeit, aber obs die beste is...
 
CrackPod schrieb:
ui danke für den konstruktiven beitrag ltm...

naja alles neu machen is ne möglichkeit, aber obs die beste is...
Das ist sie auf alle Fälle. Ich werde einfach zwei

s machen; mit <span>s im oberen, welche dann die Reiter bilden.
 
Status
Für weitere Antworten geschlossen.
Zurück
Oben