|
|||
Ach ja, beovr ich es vergesse:
4. das mit dem padding in der box schaffe ich leider auch nicht. mit den 100% füllt es zwar super den davor zur verfügung stehenden platz aus, aber mit der ersten padding angabe wächst die div.box über das dahinterliegende image hinaus. Danke nochmals |
Sponsored Links |
|
||||
Zitat:
Zitat:
Zitat:
Faux Columns ist sicher die einfachste Methode. Das geht auch in einem Layout mit Prozentbreiten, Google: Liquid Faux Columns. Dann ist es aber schon wieder weniger einfach. Wir können dir hier nicht CSS beibringen, nur Hinweise und Ratschläge geben. Was ich für das sinnvollste für den Einstieg halte habe ich bereits oben geschrieben. Ich sehe bei dir derzeit kein Land wenn es um die Umsetzung eines flexiblen Layouts geht. Daher klinke ich mich aus. Zitat:
Meine Kristallkugel sagt: Du beachtest nicht, wie das Boxmodell funktioniert und passt die width-Angabe nicht an, wenn du Padding dazugibst. Und bitte: Reduzier die Größe deiner Bilder! Niemand will diese Unmengen an MBS runterladen.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
Sponsored Links |
|
|||
Hallo,
danke für die Antworten. Die waren leider nur teilweise zielführend. 1. Damit meinte ich, wenn ich aus meinem editor heraus (lokale dateien) die website öffne. 2. Danke, das hat gestimmt. Warum, frage ich lieber nicht ... 3. Habe dein buch vor mir. Werde mich in die Materie stürzen. mein erster Ansatz war ja die Holy Grail geschichte in die ich mich brav eingelesen habe, die ich dann aufgrund der Einfachheit aufgab... werde mich aber in deine Ansätze auch einlesen. Ich sehe übrigens sehr wohl Land ... 4. - Habe die Bildergrößen reduziert. Guter Tipp! Ganz große Bitte (kein Sakasmus): ich versuche die Foren-Regeln bestmöglich zu beachten und mir wertvolle Tipps einzuholen - allerdings auf meinem Level. Bitte akzeptiert, dass auch Anfänger unterwegs sind die teilweise banale Sachen fragen. Lest einfach drüber (oder gar nicht) wenn es euch nicht interessiert oder euch zu wenig Herausforderung bietet. Danke |
|
||||
Zitat:
Aber ich weiß nicht, was dann anders ist. Du musst den Fehler beschreiben, über den du reden willst. Zitat:
Zitat:
Das Buch ist so aufgebaut, dass man die Methoden der Reihe nach durcharbeiten kann; sie bauen teilweise aufeinander auf. Wenn du dir mittendrin etwas rauspickst wird das eher nicht funktionieren. Zitat:
Ich wiederhole meinen Rat: Fang damit an, Little Boxes komplett durchzuarbeiten. Das ist Einstiegslektüre, die dich an die Hand nimmt und Schritt für Schritt zu einem ersten Layout führt. An den passenden Stellen werden die nötigen Details erklärt. Danach hast du eine Grundlage, mit der du weiterarbeiten kannst. Dann ist Zeit für fortgeschrittene Aufgaben und die dazu passende Lektüre.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (23.11.2012 um 23:41 Uhr) |
|
|||
Zitat:
Also ein Bild ist nun anbei wie es aussieht wenn ich mir meine bisherige Seite aus dem Editor heraus ansehe (funktioniert sowohl im FF als auch IE9). Online ist sie unter stev.bplaced.net anzusehen. Wie gesagt, teilen sich online die 4 Bilder nicht auf die volle Breite auf, sondern kleben - trotz margins - aneinander. Danke |
|
|||
Kann ich nicht nachvollziehen. Bei mir klebt nichts aneinander und ich weiß auch nicht, von welchen margins du redest.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Zitat:
Code:
ul.Orte{list-style:none;/**/ text-align:justify;/**/} .bildmenue ul:after /**/{content:'';/**/ display:inline-block;/**/ width:100%;} .bildmenue ul li{display:inline-block;/**/ border:0.2em solid #fff; box-shadow:0 5px 10px #131313; position:relative;} |
|
|||
Ach ja, falls du nicht nachvollziehen kannst was ich meine, weil es bei dir richtig dargestellt wird, anbei ein screenshot der fehlerhaften darstellung wie stev.bplaced.net bei mir über FF aussieht. Wie es offline aussieht (und auch so gewollt ist) war im vorherigen Post.
LG |
|
|||
Zitat:
Poste eine Screenshot der fehlerhaften Darstelluing. Nenn die betroffene Browserversion. edit: ah, ein Screenshot. Nochmal: Nicht nachvollziehbar für mich. Möglichkeiten: Deaktivier Addons, wenn du welche hast. Nutz ein neues Profil. Installier FF neu. edit2: Dein Stylesheet enthält Tippfehler. Validieren!
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (24.11.2012 um 14:09 Uhr) |
Sponsored Links |
|
|||
Zitat:
Ägerlich. Wenn es keine Tipps mehr gibt, schließe ich den Thread, da jetzt die Themen mittlerweile stark vom Erstinhalt abweichen. Gelöst habe ich das mit dem Padding in der div.box. Lösung Breite in % + Padding in % soll 100% ergeben. Außerdem, dasa sich die div.hov über die gesamte Box aufspannt. Danke für den top/bottom = 0 Tipp. Einen kleinen Schönheitsfehler werde ich dann noch bearbeiten wenn ich die wichtigeren Dinge gelöst habe. Ich wollte nämlich, dass die div.hov nur bis zum Anfang der div.box aufgeht, weil - aufgrund der Transparenz - der Bereich der div.box einen anderen Transparenzgehalt hat, da die div.hov Box auch noch drunter verläuft. Bitte hier also nur mehr um Hinweise zu meinem Darstellungsproblem. Danke Corina soweit - jetzt gehts an die Faux Columns in deinem buch |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
IE9 rendert eine Seite anders als Chrome, Firefox und Safari | frimipiso | CSS | 9 | 04.03.2012 10:26 |
IE9 und CSS | ballonteam | CSS | 16 | 04.11.2011 21:15 |
IE9 ungewollt im Kompat-Modus | hubspe | CSS | 10 | 08.08.2011 12:07 |
Line-height, @font und der IE9 (beta) | alexplus | CSS | 1 | 16.09.2010 23:27 |
IE9 Entwicklung hat begonnen. | andir | Offtopic | 18 | 30.11.2009 14:32 |