Autor |
Nachricht |
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Do 02.02.2006 19:21
Titel CSS Float und Ausrichtung |
|
|
Also, ich habe einen Container, darin sind zwei container nebeneinander positioniert, der rechte (1 im Bild) mit float: right.
Darin sind jeweils wieder ein Container. Nun richtet sich in FF und Opera der div-container im rechten Container (1 mit float:right) an dem div im linken Container aus (blaue Linie), im IE aber eben am top des float: right containers (rot). Wie vereinheitliche ich das?
Zuletzt bearbeitet von fuchsbau am Fr 03.03.2006 18:26, insgesamt 1-mal bearbeitet
|
|
|
|
|
ZeroFlash
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Fr 03.02.2006 09:20
Titel
|
|
|
dein problem klingt ein wenig verworren... wie wäre es mal mit nem link zu der html datei damit man es sich mal ansehen kann. unter deiner skizze kann ich mir grad nicht wirklich was vorstellen, deswegen wäre es besser, dass ganze selber testen zu können und sich dann auch den code mal ansehen zu können.
btw. was genau willst du vereinheitlicht haben bzw wie?also was soll sich woran ausrichten?
Zuletzt bearbeitet von ZeroFlash am Fr 03.02.2006 09:23, insgesamt 2-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
DevEdge
Dabei seit: 28.12.2005
Ort: Berlin
Alter: 50
Geschlecht:
|
Verfasst Fr 03.02.2006 10:21
Titel
|
|
|
Kann ZeroFlash nur zustimmen, ein wenig mehr Quellcode wäre schon von Vorteil.
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Fr 03.02.2006 11:30
Titel
|
|
|
Ok, dann hier mal der Code, sorry wenn das CSS bissl vermüllt is...
Code: | <div class="middleleft">
<div class="colright">
<div class="txtheadline">RECHTS</div>
</div>
<div class="colleft">
<div class="txtheadline">LINKS</div>
</div>
</div>
|
Code: | .middleleft { width: 550px; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; text-align: left; spacing: 0; padding: 0;}
.colleft { width: 370px; margin-left: 0; margin-right: 10px; margin-top: 0; margin-bottom: 0; spacing: 0; padding: 0; }
.colright { float: right; clear: right; width: 170px; margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; spacing: 0; padding: 0; }
.txtheadline { font-family: helvetica, arial, sans-serif; font-weight: bold; font-size: 11px; line-height: 1.3; color: #cc0000; margin-top: 0; margin-bottom: 15px;}
|
Die Überschrift RECHTS ist im IE jetzt mit margin-top: 0; am top vom div colright. In Mozilla und Opera exakt in Höhe von Überschrift LINKS. Ich könnte mit beiden Varianten umgehen, hab ja ein margin-top, aber nicht gleichzeitig. Was mach ich falsch?
Zuletzt bearbeitet von fuchsbau am Fr 03.02.2006 12:04, insgesamt 2-mal bearbeitet
|
|
|
|
|
DevEdge
Dabei seit: 28.12.2005
Ort: Berlin
Alter: 50
Geschlecht:
|
Verfasst Fr 03.02.2006 11:54
Titel
|
|
|
Wenn du etwas genauer hinsiehst, wirst du den Fehler finden ;o)
Ich verdeutliche es mal etwas:
<span class="txtheadline">RECHTS</span>
<div class="txtheadline">LINKS</div>
Einmal span und einmal 'nen div ;o(
Noch ein Tipp, fas deine styles mal etwas zusammen:
.middleleft, .colleft, .colright {
spacing: 0; /*???*/
padding: 0;
margin: 0;
}
.middleleft {
width: 550px;
margin: 0 auto;
text-align: left;
}
.colleft {
width: 370px;
margin: 0 10px 0 0;
}
.colright {
float: right;
clear: right;
width: 170px;
}
.txtheadline {
font: bold 11px "helvetica","arial",sans-serif;
color: #cc0000;
margin: 0 0 15px 0;
}
Aus der Klasse txtheadline würde ich, wenn es eine Überschrift sein soll, h2 oder h3 empfehlen, wenn h1 schon vergeben sein sollte. Ist dein Problem jetzt behoben?
|
|
|
|
|
ZeroFlash
Dabei seit: 11.02.2005
Ort: -
Alter: 41
Geschlecht:
|
Verfasst Fr 03.02.2006 12:02
Titel
|
|
|
mist warst schneller..
ja strukturiere dein css erstmal und dein prob... <span> ... mach div drauß und gut
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Fr 03.02.2006 12:03
Titel
|
|
|
:( Nee eben nicht. Mit nem div statt span geht das genauso wenig, ich hatte es auch vorher mit nem div, das span hab ich nur mal testweise reingemacht, obs dann funktioniert. Ich hab das oben mal gleich umgeändert, damit es nicht zu falschen schlüssen führt. nicht wundern. ^^ das problem besteht leider immer noch. unabhängig von div und span.
Zuletzt bearbeitet von fuchsbau am Fr 03.02.2006 12:05, insgesamt 1-mal bearbeitet
|
|
|
|
|
fuchsbau
Threadersteller
Dabei seit: 15.08.2005
Ort: .//root
Alter: 40
Geschlecht:
|
Verfasst Fr 03.02.2006 12:14
Titel
|
|
|
aber ich sehe grad, wenn ich das so zusammenbaue, ist das problem nicht mehr da... dann musses drumrum liegen. ok. danke erstmal. :?
|
|
|
|
|
|
|
|
Ähnliche Themen |
Hilfe: div float / width:100% - CSS float Box Model
CSS-Ausrichtung?
div und float
<tr> Float in IE7
[css] IE und float
Css FLOAT
|
|