Wie kann ich verhindern, dass float: right die Positionen tauscht?

Moritz347 · 5 Januar 2017

Hallo,
wie kann ich verhindern, dass float:right die Positionen tauscht?
Wenn ich zum Besispiel den einzelnen Links float: right gebe, ändert sich die Reihenfolge... (bei einem Header)
Hatte die Idee dem Text float: left zu geben und dem Elternelement float: right zu geben. klappt aber nicht... :(
Schonmal danke für die Antworten
Moritz

SpiceLab · 5 Januar 2017

Vergiss float, und wende Dich der zeitgemäßen Technik zu, mit der solche Fragen/Probleme erst garnicht aufkommen: CSS3 Flexbox.

Da ich nicht einschätzen kann, wie gut es um Deine Englischkenntnisse bestellt ist, hier entsprechend nur eine Auswahl an deutschsprachigen Quellen:

djheke · 5 Januar 2017

Moritz347 schrieb:
Hatte die Idee dem Text float: left zu geben und dem Elternelement float: right zu geben. klappt aber nicht... :(
Schonmal danke für die Antworten
Moritz

Geht doch

Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Menu</title>

<style>

* {
 margin:0;
 padding:0;
 list-style:none;
 text-decoration:none;
}

nav {
 background:#333;
 float:right;
}

nav a {
 float:left;
 padding:10px;
 color:#fff;
}
</style>
</head>
<body>
<header>
<nav>
<a href="#">Home</a>
<a href="#">Über uns</a>  
<a href="#">Konzept</a>
<a href="#">Impressum</a>
</nav>  
</header>  
</body>
</html>

Aber Flexbox wird wohl besser sein.

Wie kann ich verhindern, dass float: right die Positionen tauscht?

Moritz347

Neues Mitglied

SpiceLab

Mod | ZENmechanic

djheke

Aktives Mitglied

Neueste Beiträge