Bild mittels float rechts anordnen

[WAY_KOW]

Hallo
Meine neue Seite ist fast fertig nur noch ein Problem bleibt:(

Im Internet Explorer 8 und anderen Browsern wird das Bild der Reise nichts rechts angeordnet sondern eher mittig.

Tagsausfahrt Ischgl & Samnaun

Hier die entsprechende Code Sequencen.

<div class="reisekopf">
<p id="rkz">RKZ: T1</p>
<img class="bild" src="http://www.s-m-o.de/petersreisen/bilder/rkzt1.jpg" alt="Wintersport Im ... 
<h1><strong>Skitouren: </strong>Ischgl (Österreich)</h1>       <h2>Tagsausfahrt Ischgl & Samnaun</h2>
<p class="datum">15 Dezember 2012 -   </p>
<h4 id="skigebiet">Skigebiet</h4>         
<p id="skigebiett">....</p>     </div>

Hier die CSS Eigenschaften:

#inhalt .reisekopf { border:2px solid white;}
#inhalt .bild { float:right;}

Wenn ich den Border im Reisekopf weglasse dann ist das Bild in allen Browsern mittig:(

Frage: Wie bekomme ich das Bild nach rechts?

 

[bodil]

im Code oben schließt das alt-Parameter des Bildes nicht? Räum da mal auf und dann schau nochmal ...

 

[MrMurphy]

Hallo,

immer diese albernen Code-Schnipsel. Zum Glück hast du wenigstens auf die Seite verlinkt.

Das Problem ist das du die Seite nicht strukturiert erstellt hast. Außerdem sollte es Standard sein die Seite prüfen zu lassen und die Fehler zunächst zu beseitigen:

[Invalid] Markup Validation - W3C Markup Validator

Warum das Bild nicht so recht nach rechts floaten will ist aus der Gemengelage heraus aber nicht nachvollziehbar. In jedem Fall stört es sich mit den css-Anweisungen mit dem div #topmenu. Wenn ich dort "width=1000px" entferne floatet das Bild wie von dir gewünscht.

Wenn ich zum #topmenu gleichzeitig lese "left: 50%" und "margin-left: -500px" kann ich eigentlich nur die Empfehlung geben, die Grundlagen von html / css zu lernen und anzuwenden. Wenn die Browser die Seite halbwegs vernünftig anzeigen, dann eigentlich nur, weil sie fehlertolerant sind, nicht weil der Quellcode in Ordnung ist.

Gruss

MrMurphy

 

[WAY_KOW]

im Code oben schließt das alt-Parameter des Bildes nicht? Räum da mal auf und dann schau nochmal ...

Sorry ich hab den Text oben nur ungegünstig gekürzt.

 

[Tronjer]

Die Seite sieht zwar gut aus, ist aber nicht ganz sauber aufgebaut. Die Überschriften und der eine <p> Conatiner ragen über das image hinaus.


Ich würde es etwas anders strukturieren:

- Den Bereich von RKZ: T1 bis zu den beiden Skigebiet-Ischgl-Absätzen in einen Wrapper mit fester Breite, das image daneben mit float:left positionieren.

- "Die zweite Hauptaktivität " in einem eigenen Absatz unter die beiden Elemente, auf volle Breite und mit einem clear. Dann sollte es auch im IE funktionieren.