Elemente in einem Div Container links & rechts ausrichte
Hallo zusammen, bin froh dieses Forum entdeckt zu haben :D
Meine Frage ist folgende: Wie kann ich am einfachsten und ohne viel Extra-Schnickschnack Elemente in einem DIV Container links und rechts platzieren? Momentan benutze ich 2 span-klassen, wie in dem unten gezeigten Beispiel: #topline { width: 780px; } #topline span.left { float: left; width: 80%; } #topline span.right { float: right; text-align: right; } Der Nachteil: Wenn ich in der rechten Ecke eine Suchformular platzieren will, gibts Validator-Gemecker, weil man ja Block-Elemente (Form) nicht in Inline-Elementen (span) platzieren darf. Nun will ich aber auch nicht für jedes rechts-links-Gedöhne neue DIVS aufmachen.... Hat jemand da eine gute Idee? |
Ich habe neulich ein (hoffentlich) in vielen Browsern funktionierendes Beispiel gepostet, und zwar hier:
http://www.xhtmlforum.de/viewtopic.p...ighlight=#6324 Zitat:
|
Zitat:
Zitat:
nunja, ich seh das ähnlich wie verschachtelte Tabellen.... möglichst vermeiden und so wenig DIVs wie nur geht... vielleicht denk ich da auch falsch? |
Skills
Code:
span.block { Code:
<span class="block">ich bin wie ein div-Tag</span> Es ist egal welchen Tag Du benutzt, die Eigenschaften der Tags die Du kennst (defaults) sind auch nur definiert worden, und können somit jederzeit überschrieben werden :!: In XML geht es dann noch weiter, da gibt es keine vordefinierten Tags mehr, da definierst DU alle :arrow: Code:
mytollertag { Code:
<mytollertag>ich bin wie ein div-Tag</mytollertag> table :arrow: Verschachteln ist nicht das Thema, Du sollst keine Tabellen für Layouts benutzen |
So wenig Divs, wie nur möglich — im Prinzip schon richtig. Aber der einzige Unterschied zu <span> besteht doch in der initialen Darstellung. Beide sind semantisch leer.
Wenn du kein passendes Element für deinen Zweck findest, nimm <div> oder <span>. Deren Einsatz ist nur dann »böse«, wenn sie richtiges HTML ersetzen, also Spielereien wie: Code:
<div class="h1">Ich hätte eine fantastische Überschrift sein können!</h1> Code:
<span class="eigenname">Lufthansa</span> |
toscho meinte bestimmt :arrow:
Code:
<div class="h1">Ich hätte eine fantastische Überschrift sein können!</div> class="h1" meinte er eine Class die selbst definiert wurde, aber wie ein h1-Tag aussieht - nicht das jemand glaubt man könnte Tag-Namen einfach als Klassen verwenden. sorry toscho, aber einen Anfänger könnte es verwirren. |
Ulle? Natürlich kann man Element-Namen* als Klassennamen verwenden. Nur bleibt dann, wie ich erklärt habe, die Semantik auf der Strecke.
Ahh, noch was: Zitat:
Zitat:
________________ Bitte sag nicht »Tag«, wenn du »Element« meinst; das sind zwei sehr unterschiedliche Dinge. |
Zitat:
Glücklicher wäre wohl gewesen: Code:
class="wieH1" |
Ich für meinen Teil bin auf jeden Fall ein bisschen schlauer geworden... ;) Danke & Peace
|
Alle Zeitangaben in WEZ +2. Es ist jetzt 23:50 Uhr. |
Powered by vBulletin® Version 3.8.11 (Deutsch)
Copyright ©2000 - 2024, vBulletin Solutions, Inc.
© Dirk H. 2003 - 2023