Entferne bei #container
Code
height: 100%;Ersetze bei .content
Code
position: absolute;
left: 23%;
top: 10%;durch
Code
margin: 10% 0 0 23%;Beiträge von sejuma
-
-
Kannst du das mal bitte online stellen und einen Link posten?
-
Kommando zurück, funktioniert so auch nicht, da dann width > 100%.
Folgender Vorschalg:
Code
Alles anzeigen#footer { width: 100%; height: 81px; position: fixed; left: 0; bottom: 0; margin: 0; background: #343434; } #footer img { background: transparent; display: block; height: 81px; width: 81px; }Code<div id="footer"> <img src="footer.png" alt="" border="0" height="81" width="81"> </div> -
Versuche mal folgendes:
Gib dem footer (jetzt mit background-color) einen margin-left-Wert entsprechend der Grafikbreite und positioniere ihn mit position: relative.
Innerhalb des footers füge die Grafik ein mit absoluter Positionierung zum footer, so dass die Grafik links neben dem Footer steht (im "Margin-Bereich"). -
Ungestestet, sollte aber funktionieren:
Verwende anstelle der background-color ein background-image in Form einer kleinen, sich kachelnden Grafik, ähnlich hier.Positioniere diese dann mit der Eigenschaft background-position und
Coderepeat: x-repeat; -
Ich kann das Problem nicht so recht nachvollziehen.
Bei mir verschwindet jedoch der untere Scrollbalken, wenn man #right einCodeposition: relative;zuweist und bei .zeichnung das
Codeposition: relativedurch
Codeposition: absolute;ersetzt.
Weiß nicht, ob das dein Problem war.
-
Ein Link zur Problemseite wurde möglicherweise zu einer hilfreichen Antwort führen.
-
Wenn das Element
Codedisplay: none;hat, dann ist es ja nicht sichtbar. Und die Änderungen damit auch nicht.
Poste ggf. mal einen Link zur Problemseite. -
Gib Bild 1 ein
Codedisplay: block;und Bild zwei ein
Codefloat: left;dann sollte es klappen.
Nach Bild 3 dann clearen. -
Vermutlich lässt sich das Problem (ungesehen) damit lösen:
http://www.ohne-css.gehts-gar.net/0009.php -
-
-
Doch, wird angewandt.
Das Problem liegt daran, dass du für #head eine Pixel-Width definiert hast, während #container 100% des body hat.
Lösche also mal bei #head den width-Wert. -
Hier findest du Anleitungen, die funktionieren:
http://www.ohne-css.gehts-gar.net/0066.php
http://www.ohne-css.gehts-gar.net/0067.php -
Eine individuelle Formatierung erfolgt üblerweise mit Klassen.
Möglicherweise hast du da was falsch gemacht, was man anhand eines Links zur Problemseite erkennen könnte.
Wie's funktioniert findest du hier erklärt. -
Sieh mal, ob dir das weiterhilft:
http://www.ohne-css.gehts-gar.net/0074.php
In diesem Beispiel wird eine Liste verwendet. Du könntest aber ebenso eine Tabelle nehmen.
Weitere Möglichkeit:
http://www.ohne-css.gehts-gar.net/0023.php -
float: left führt normalerweise zu einer horizontalen Anordnung. Die wolltest du ursprünglich.
In den genannten Anleitungen findest du alles erklärt. -
-
Setze vor <html> einen standardkonformen Doctype.
Den braucht der IE zur korrekten Darstellung des CSS-Boxmodells.
http://www.carsten-protsch.de/zwischennetz/d…tung.html#modus -
Deine drei Code-Zeilen entsprechen nicht dem Grundgerüst eines html-Dokuments:
img kommt außerhalb body vor und body verwendest du zweimal, obwohl er nur einmal vorkommen darf.
Siehe Grundgerüst einer HTML-DateiBeschäftige dich zunächst noch mit den HTML- und CSS-Grundlagen.