zwei Text teile, einer rechts einer links - wie?
baeckerman83
- css
Hi!
Ich will einen zwei texte anordnen:
Hier der erste ----------------------------- hier der zweite
im FF gehts auch, nur im IE nicht, hier mal der Link zum testen:
http://benjaminbecker.de/Fanclub/
Und das CSS dazu:
body {
font: normal 100.01% Helvetica, Arial, sans-serif;
color: #FFFFFF; background-color: #D51D1D;
}
table {
padding: 0;
margin: 0;
}
td {
text-decoration: none; font-weight: bold;
text-align: center;
/*border: 1px solid black;
border-left-color: white; border-top-color: white;*/
color: #FFFFFF; background-color: #D51D1D;
width: 125px;
}
td a:hover {
color: #D51D1D; background-color: #FFFFFF;
width: 125px;
}
td a {
font: normal 125% Helvetica, Arial, sans-serif;
color: #FFFFFF; background-color: #D51D1D;
text-decoration: none;
font-weight: bold;
width: 125px;
}
td a.active {
color: #FFFFFF; background-color: #000000;
width: 125px;
}
#counter {
float: left;
color: #FFFFFF;
}
#autor {
float: left;
margin-right: 20px;
font-size: small;
}
#datum {
font-size: small;
}
#content h1 {
font-weight: bold;
text-align: center;
font-size: x-large;
}
#menu {
margin: 20px;
clear:both;
}
#content {
margin-top:75px;
margin-left:200px;
}
#bericht {
align: center;
width: 500px;
}
#footer {
color: #FFFFFF; background-color: #D51D1D;
text-decoration: none;
font-weight: bold;
font-size: small;
text-align:right;
margin-top:75px;
}
#footer a {
color: #FFFFFF; background-color: #D51D1D;
text-decoration: none;
font-weight: bold;
font-size: small;
margin-right: 20px;
}
#footer footer {
float:left;
margin-left: 20px;
}
Ciao baeckerman83,
#footer footer {
float:left;
margin-left: 20px;
}[/code]
<footer> ist (noch) kein offizielles HTML-ELement. Wenn der FF es als solches betrachtet, ist dies reine Kulanz.
Du solltest im Übrigen nicht nur dieses Problem betrachten, sondern auch einige grundsätzliche Sachen ändern:
Beste Grüße
Nico
<footer> ist (noch) kein offizielles HTML-ELement. Wenn der FF es als solches betrachtet, ist dies reine Kulanz.
Du solltest im Übrigen nicht nur dieses Problem betrachten, sondern auch einige grundsätzliche Sachen ändern:
- Fehler beheben mithilfe des W3C-Validators
- semantischen Markup verwenden (für eine Navigation wird gemeinhin empfohlen Listenelemente und nicht Tabellen zu benutzen).
Wo keine Doctype Angabe, da nix zum Validieren.
Insofern ist über <footer> nichts auszusagen.
mfg Beat
Wo keine Doctype Angabe, da nix zum Validieren.
Insofern ist über <footer> nichts auszusagen.
Das ist wohl wahr, aber viel zu akademisch. Probier es aus. Sobald man <footer> in diesem Fall durch <span> ersetzt funktioniert es auch im IE7.
<footer> ist das Problem, weil IE7 das Element nicht kennt, egal, ob da ein DOCTYPE steht, oder nicht.
Gruß
Nico