Hey Corina ... wow ... es funktioniert. Sowohl im FF und IE werden nach dem Refresh die Bilder im Blocksatz dargestellt.
Man siehts auch im code: hier stehen keine komischen Namen mehr für die Bilder da. Danke, Danke,
auf das muss man als normalsterblicher erst mal kommen.
Jetzt kann ich voranschreiten mit meinen companion columns wie in Fortgeschrittene CSS-Techniken beschrieben. Ist auch schon im werden, muss nur mehr eine Feinheit lösen.
Auf deine Frage von vorhin: nur Zeile 3 in Link 1 war gestaucht dargestellt!
HTML-Code:
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<title>Steven's page</title>
<link rel="stylesheet" type="text/css" href="mystyles.css" media="screen">
<link rel="icon" href="mein_favicon.ico" type="image">
</head>
<body id="main">
<div id="wrapper">
<div id="stapel">
<div class="header">
<h1>Art Gallery</h1>
</div><!--header-->
<div class="bildmenue">
<ul class="Orte">
<li>
<div class="hov">
<a class="hove" href="dailylife.html"><span class="voll">[daily:life]</span></a>
</div>
<a class="koala" href="dailylife.html"><img src="spanien1.1.jpg" alt="image"/></a>
<div class="box">
<h3>[daily:life]</h3>
<p>Mostly unnoticed, happening every day</p>
</div> <!--box-->
</li>
<li>
<div class="hov">
<a class="hove" href="purenature.html"><span class="voll">[pure:nature]</span></a>
</div>
<a class="koala" href="purenature.html"><img src="spanien2.1.jpg" alt="image"/></a>
<div class="box">
<h3>[pure:nature]</h3>
<p>Images only the nature can compose</p>
</div>
</li>
<li>
<div class="hov">
<a class="hove" href="buzzinglifestyle.html"><span class="voll">[buzzing:lifestyle]</span></a>
</div>
<a class="koala" href="buzzinglifestyle.html"><img src="spanien3.1.jpg" alt="image"/></a>
<div class="box">
<h3>[buzzing:lifestyle]</h3>
<p>Feel the people as part of their activities</p>
</div>
</li>
<li>
<div class="hov">
<a class="hove" href="silentbuildings.html"><span class="voll">[silent:buildings]</span></a>
</div>
<a class="koala" href="silentbuildings.html"><img src="spanien4.1.jpg" alt="image"/></a>
<div class="box">
<h3>[silent:buildings]</h3>
<p>Architectural expressions of mankind</p>
</div>
</li>
</ul>
</div><!--bildmenue-->
<h1>companion columns</h1>
<div id="container">
<div class="spalte1 spalte">
<h2>Spalte 1</h2>
<p>Costa Rica was one of my first bigger trips in
December/January 2012/2013. I was very curious about the
Central-American country as it fitted perfectly to my fields of interest: Rainforest,
The Sea (Carrebean waters and the Pacific) and of course a rich cultural
background.
</p>
<p>In advance of this trip the idea arose to document the
beauty and characteristic of this country, culture and people. As in
every further project to follow, I aim to capture the very essence of the motive in front of the camera.</p>
<p>
Each photograph will be tagged with an information box
displaying the title of the image. Apart from the location no further
description will be added so that each viewer can interpret what I have
tried to capture by that shot.
</p>
<p>Enjoy!</p>
</div>
<div class="spalte2 spalte">
<h2>Spalte 2</h2>
<p>Hi, my name is Stephan, I live in Vienna. This is my very first webpage
dedicatd to fine arts expressed by photographs.</p>
<p> The following picutres are taken by me during travelling
or everyday life. My photographic aim is to catch an image as naturally as possible.</p>
<p>Enjoy!</p>
</div>
<hr />
</div> <!--#container-->
</div> <!--#stapel-->
<div id="pedestal">
<div class="spalte 1 companion1"> </div>
<div class="spalte 2 companion2"> </div>
</div> <!--#pedestal-->
<div id="footer-wrapper">
<div id="footer">
© 2012 Stephan Kardos. All Rights Reserved.
Impressum.
Für den Inhalt verantwortlich:
Stephan Kardos
Martinstraße 78/2, 1180 Wien, Austria
Contact
Phone: +43-650 525 66 44
E-Mail: stephan.kard@gmail.com
Mit dieser privaten Homepage werden keinerlei kommerzielle Interessen
verfolgt und keine kostenpflichtige Produkte oder Dienstleistungen auf dieser Homepage angeboten.
Der Autor verfolgt mit dieser Homepage nicht die Absicht, irgendwelche Gewinne zu erzielen.
Die Inhalte meiner Seiten wurden mit größter Sorgfalt erstellt. Für die Richtigkeit,
Vollständigkeit und Aktualität der Inhalte kann ich jedoch keine Gewähr übernehmen.
</div>
</div><!--footer-wrapper-->
<p>
<a href="http://validator.w3.org/check?uri=referer">
<img src="http://www.w3.org/Icons/valid-xhtml10-blue" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
</p>
<p>
<a href="http://jigsaw.w3.org/css-validator/check/referer">
<img style="border:0;width:88px;height:31px"
src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
alt="CSS ist valide!" />
</a>
</p>
</div><!--wrapper-->
</body></html>