Hallo!
Mal eine etwas dumme Frage…ich habe eine einfaches horizentales Menü gemacht und auf der rechten Seite ist eine Lücke wie bekomme ich die weg…wäre toll wenn mir jemand helfen könnte.
Die Seite ist natürlich nicht fertig habs aber mal hochgeladen…also nicht wundern dass es noch so leer aussieht.
Nun hier der Link
http://bastelseiteneu.bplaced.net/indexneu.html
Der Link scheint nicht zu stimmen. Es lädt endlos, ohne dass etwas passiert. Verdächtig ist, dass der Link im Posting auf indexneu.html lautet, im Browser aber indexnei.html Es passiert aber auch nichts, wenn man das korrigiert.
Lg X.
Bei mir steht Seite nicht verfügbar oder noch nicht aktiv.
Das Stimmt sorry Bplaced haut nicht hin …ist aber OK, die Adresse stimmt.
ich probiere nochmal
folgende adresse bitte aufrufen
http://www.gerryundlady.de/indexneu
so das klappt jetzt scon mal danke für eure hilfe
Entferne aus deinem CSS folgende Eigenschaften:
#navmenu li { float: left;width: 100px; }Ergänze im CSS:
#navmenu { display: flex; }
#navmenu li { flex-grow: 1; }
Klappt in meinem Firefox einwandfrei.
Moderation: Verschoben von HTML zu CSS, da es um Gestaltung geht.
Liebe Loana
Meiner Meinung nach liegt das Problem im (fehlenden) CSS des Elements
Lösungsvorschlag: Verpasse
Lg X.
Das wird auch nichts, da bisher die Listenelemente eine feste Breite haben. Lösungsvorschlag steht oben (fast gleichzeitig gepostet scheint mir 
).
Ja, hat sich beim Posten überschnitten.
@TE: threadi hat sehr viel mehr Erfahrung als ich (wie Du leicht an seiner Beitragszahl und so erkennen kannst). Daher hat sein Vorschlag eh Vorrang.
Kritische-konstruktive Bemerkungen jetzt dennoch zu threadis Vorschlag: 1) Die Deklarationen display-flex und flex-grow sind ziemlich hypermodern, wie ist die Browserunterstützung? 2) Bedeuten fixe Breiten der Listenelemente wirklich, dass dann die 100-Prozent-Breite der ganzen Liste ignoriert wird? Ich behaupte jetzt mal frecherweise: nein. Aber jetzt bin ich zu müde für den Praxistest, der es zeigen würde.
Jedenfalls hat der TE jetzt Inputs.
Lg X.
Browser-Support dafür siehe http://css-tricks.com/snippets/css/a-guide-to-flexbox/ ganz unten.
Hab mal den HTML-Code aufgeräumt.
[html]
body {
background-color : #005680;
color : #005680;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : small;
}
#wrapper {
background-color : #dffaff;
color : #005680;
width : 960px;
margin:10px auto;
}
#kopfbereich {
height:250px;
color : #000;
padding:0;
position:relative;
text-align:center;
}
#kopfbereich:before {
content:url(logo.jpg);
position:absolute;
left:0;
top:0;
}
#navmenu {
overflow:hidden;
background:#dffaff;
text-align:center;
}
#navmenu li {
display:inline-block;
font-family: Tahoma;
font-size: 12px;
width: 100px;
}
#navmenu a {
display:block;
padding:20px 10px;
color:#005680;
border-bottom:1px solid #dffaff;
}
#navmenu li a:hover {
border-bottom:1px solid #d90000;
background: #ecffec;
}
#textbereich {
padding:20px;
text-align:center;
}
#textbereich h3 {
padding:10px 10px 2rem 10px;
}
#textbereich p {
padding:10px;
}
#textbereich.willkommen p {
padding-bottom:100px;
background:url(images/lilablume.jpg) no-repeat center bottom;
}
#fussbereich {
padding: 10px;
border-top : 1px solid #999;
}
address {
text-align : center;
font-size : 80%;
font-style : normal;
letter-spacing : 2px;
line-height : 1.5;
}
Ich begrüsse euch ganz herzlich und wünsche viel Spass auf meiner Homepage.
Lehnt euch einen Moment zurück und lasst euch überraschen.
Einige Bilder, die ich mit meinem Grafikprogramm Photo ImpactX3 erstellt habe, werdet ihr hier finden.
Die meisten Bilder sind aus meiner Phantasie entstanden und einige nach Tutorials.
Über einen Gästebucheintrag würde ich mich ganz besonders freuen.
Da scrollt man sich ja dusselig.
http://css-tricks.com/snippets/css/a-guide-to-flexbox/#browser-support .
Kann sich ja loana kopieren und und testen. Außerdem, was habt ihr mit Flexbox. Das ist doch nicht das Problem.
http://www.gipspferd.de/forumhilfe/basteln-mit-pi/