Suchen:

Auch im Safari 6 gibt es eine gute Auswahl von möglichen User Agents
Z.B:
Entwickler > User Agent > Safari iOS 5.1 - iPod touch.

Mann kann sogar jeden beliebigen User Agent angeben (Dann aber...

In dem Theme wurde das mit media queries (only screen and (max-width: 767px)) gemacht.
Das "Layout für mobile Seiten" kannst du mit zusammenschieben nicht simulieren.

Du hast im css-Abschnitt /* Style sheet interaktionen */ einen fehlerhaften Selektor:
#kontaktformular input[type="text]
Ab diesem Selektor wird alles im Abschnitt interaktionen vom f-fox...

Das geht schon. Du kannst jeder Seite (Layout > Seitenstruktur) eine klasse geben. Die klasse wird dann body gegeben.

Dann aber ohne overflow: hidden; für das umschließende Element (z.B .mod_navigation), oder?

Das liegt am overflow: hidden für .block. Die Deklaration ist zum einschließen der Floats gedacht. In deinem Fall ist das aber nicht nötig, da du diesen clearfix verwendest:
...

Es reicht nicht die css-Datei immer wieder per ftp in tl_files zu laden. Das css für die Sprites befindet sich in system/scripts/48ec09080617.css. Es wurde also importiert. Die Änderungen aber...

Das ist eine Idee von 2006. Damals ist mann davon ausgegangen, dass es das für Suchmaschinen gut sei, den Hauptinhalt als erstes im html zu haben.
Heute sind viele der Ansicht, es sei der...

Da sind keine Anführungsstriche in den Background-url (auch wenn Firebug sie anzeigt). Das ist schon OK.
Die richtige url für background sollte so aussehen:


../../tl_files/twoanytime/nav.png
...

zoom: 1; für #container.
Wenn es valide sein soll geht auch min-height: 1px;

Das mit dem Web Developer ist bei mir auch so.

ff 18.0.1 mac
Web Developer 1.2.2

Das liegt den unterschiedlichen Bezugspunkten für die absoluten Positionierungen.
Auf deiner Seite liegt der Containing Block für die ausklappenden ul außerhalb von nav.block.
Auf Madobs Seite sind...

Schön.

Wenn das ganze mal "responsive" werden soll und die Viewportbreite die "Vorschaubilder pro Reihe" bestimmen sollen, fliegt das clear eh für alle Browser raus.
Die feste Höhe brauchen die...

Zusätzlich noch eine feste höhe für die Thumpnails:

.ie7 .ce_gallery li{
height: 110px;
}
Auswirkungen im IE9 sollten (zumindest in einer Testumgebung) unmöglich sein. Den selektor .ie7 darf es...

Das scheint am clear für li.ce_gallery li.col_first zu liegen.
Welche li's diese Klasse bekommen hängt von der Einstellung "Vorschaubilder pro Reihe" ab. Bei dir steht da vermutlich "3".
Laut...

#header .header_logo und #header .mod_customnav haben position: absolute.
Damit können diese Elemente #header nicht Auseinanderrücken.

Im passenden media query kannst du das überschreiben:
...

Jedenfalls gibt es diese Punk-Datei:
http://velo7.net/files/velo7/audio/cor_attituede.mp3

Diese Datei gibt es wohl nicht (error 404):
http://velo7.net/files/velo7/audio/cor_attituede.MP3

rojek90,
Weise doch bitte im xhtmlforum darauf hin, daß du hier weiter machen möchtes.
Breites Hintergrundbild immer mittig

Was da nicht "responsive" ist, ist #header. Der befindet sich aber nicht in #container.
Das ist eine andere Baustelle.

Das liegt an float: left; für #container.
Bei float ohne width bestimmt der Inhalt die Breite des Elements.

Ich kann da kein conditional comment für css sehen. Hast du es im Seitenlayout eingebunden?

Ansonsten lasse das mit dem min-height für html.
Drücke besser #wrapper auf die mindesthöhe von 100%:...

Oder Bauen lassen.


Das IE-Enticklertool (IE9 Browsermodus IE8 ) zeigt, dass der Pfad zu html5shiv.js nicht stimmt:

https://cdn.contao.org/assets/html5shiv/3.6/html5shiv.js GET 404 text/html
...

<header>, <footer>, <aside> und wie sie alle heißen, haben eine semantische Bedeutung. Wenn da nichts drin steht sollten sie auch nicht im html auftauchen.

Hast du nun die
assets/contao/css/layout.css
bearbeitet oder wie hast du das sonst behoben?

Der Layout-builder scheint (ohne width:auto\9) wieder aktiviert zu sein:


img{
max-width:100%;...

Nein, das (zu) große Bild verdrängt die anderen nur ins unsichtbare.
Du mußt doch nur eine css-Anweisung für nur ein Seitenlayout zufügen.

Ansonsten skaliere einfach das Bild in einem...

Da stört ein Hack für den IE (width:auto\9)

img {
max-width:100%;
height:auto;
-ms-interpolation-mode:bicubic;
width:auto\9
}

Den Code gibt der Layout-Builder aus.

Das margin für [class*="grid"] bzw. .mod_article > * gegen padding austauschen / überschreiben. So ließe sich ein background-image an den Rand positionieren.

Ich denke sowas sollte jeder selbst in sein css schreiben oder ebend nicht.
Der IE6 wird doch auch sonst nicht mehr unterstützt.

Das ist ein alter Bug-fix bei Schriftvergrößerung im IE6. Eigentlich würden 100% reichen. Die .01% wurden hinten dran gehängt um einen anderen Bug in sehr alten Operas zu umgehen.

Auf http://www.alistapart.com/articles/holygrail/ heißt es auch "In Search of the Holy Grail".
Meistens reicht es wenn sich die breiteste Spalte an die Gesamtbreite anpasst (das geht mit dem Holy...

Liegt an den Media Queries
@media(min-width: 768px) {...}

Eine weitere Alternative für den IE7 währe:
#container { min-height: 1px; }
Bewirkt im IE6 aber nichts (falls das noch relevant ist).

Auch wichtig:
Das neue Framework verträgt keine...

#container {
zoom:1;
}
In den Entwicklertools des IE hilft das. Habe ich mit deiner Seite geprüft.

Zu 1.)
Gebe mal #container zoom:1;
Hilft zumindest im IE7.

Das Holy Grail- Prinzip (contao3 css-Framework) verträgt width nur mit px oder em- Werten für die äußeren Spalten. Die Hauptspalte (#main) nimmt den Rest ein. Eine prozentuelle Breite verträgt nur...

display: inline-block; für die label (.mod_iso_productreader .options .radio_container span label).

Lege background, border usw. mach innen (#left .inside) . Diesem Container kannst du dann auch den margin geben.

Im IE Entwicklertools (IE9) wird zwischen Browsermodus und Dokumentenmodus unterschieden. Im Dokumentenmodus: IE7 wirst du nicht auf outdated-browser.html geleitet. Im Browsermodus: IE7 schon.

...

Nein,
jedenfalls nicht im ff 15.0.1, Opera 12.02, Safari 6.0. Jeweils unter OS X Mountain Lion.
Chrom habe ich mir nicht angesehen und habe diesen Browser auch nur auf Win7.

Scheint mit dem negativen z-index für für .video-bg-mask zusammenzuhängen.

Wenn ich mit den Safari6 -Entwicklertools .video-bg-mask über #wrapper setze und z-index:-5; entferne, funktioniert es...

Würde es aber wenn der Menüpunkt über die gesamte Breite anklickbar sein soll. In dem Beispiel von alistapart sind es nur 5px auf der linken Seite, die nicht anklickbar sind. Das können aber auch...

Z.B für slidingdoors wenn die gesamte Breite anklickbar sein soll.

Auf search this website - Music Academy, im Ausgabeformat HTML kommt die Ausgabe <input type="search" name="keywords" id="ctrl_keywords_8" class="text" value="">

Ist wohl ein feature von webkit.
In Chrome scheint -webkit-appearance: textfield; zu helfen. Ob das auch im Safari klappt weiß ich nicht.

Warum möchtest du die Suche den so verstecken?

Edit:...

Du verwendest vermutlich das Ausgabeformat XHTML * und Flow HTML

Das Skript spricht alle Links in dem Element mit der id #a oder #b an.
Du hast deiner Navigation aber keine id gegeben.

#logo ist kein Kind von .block. overflow: hidden; für .block würde #logo nicht abschneiden.

Es gibt aber auch andere Möglichkeiten einen BFC zu schaffen.
Z.B float für #header .inside:


/*...

Die Hervorhebung des markierten Text ist im webkit so breit wie sein BFC.
Contao hält dafür die Klasse block bereit. Ihr wird normalerweise overflow:hidden; gegeben um ein BFC zu schaffen. Das ist...

Oft ist die Navigation aber schon ganz oben.

Ich weiß nicht ob ich mit der aktuellsten Version herumprobiere. Aber ich habe nach wie vor den Eindruck, daß es unmöglich ist, sauber in eine der...

Ich meinte das derzeitige Framework.

Zumindest ist #main immer die höchste Spalte. #clear rutscht unter die Floats (#left und #right).
Nur wird dieser Effekt kaum für Hintergrundfarben genutzt.

$item['title'] ist keine verlässlicher Wert für class.
Mit dem Seitennamen "Rufen sie mich an" würden z.B. 4 weitere Klassen ausgegeben:


<li class="first Rufen sie mich an">
<a...

35px würden aber voraussetzen, daß die <li>s der ersten ebene tatsächlich 35px hoch sind.
Das ist aber je nach Browser, Browsereinstellungen und Schrift nicht immer so.
Die Angaben für top in der...

Erstmal muß diese Element aus .footer_top weg:

<div id="clear">
#clear ist für #main gedacht und darf nur einmal im Dokument auftauchen.
Dann kollabiert der margin von #footer .footer_top...

Ich habe hier Windows7.
Im Firefox12, Firefox4, IE9 (Browsermodus: 7-9) tritt der von dir beschriebene Effekt nur auf wenn ich das cachen unterdrücke.
Einen Mac habe ich nicht.
Hast du diesen...

Vielleicht hast du Browsereinstellungen verändert.
Wenn ich den Cache im ff deaktiviere, blitzt es auch bei mir.

Auf http://in-soft.info/einsteigerloesung.html werden die .ce_tabcontrol_tabs ausgeblendet und die .panes eingeblendet (IE9 Browsermudus > IE8 > Druckvorschau).
Soll das nicht so sein?

Alle Elemente die du ausblenden möchtest, sind html5-Elemente oder tauchen in den css-Selektoren auf.
IE7 und IE8 sind die Browser, die diese Elemente (ohne JS-Zutun) nicht kennen. Das wird...

Weiß ich auch nicht.
Vielleicht .ce_noobSlide_group oder .group_ce_noobSlide

Es klappt soweit gut.
Hat aber den Nachteil, daß sich die .control_buttons jetzt überhaubt nicht mehr außerhalb von .ce_noobSlide positionieren lassen (werden mit overflow: hidden; für .ce_noobSlide...