|
|||
Problem mit verschachteldem Float-Element
Hi Leute!
Ich bekomme hier gleich eine Krise Ich habe einen DIV-Container, der über die folgenden Attribute verfügt: #rechtercontainer { float: right; widht: 25%; padding; } Nun möchte ich in diesem Container noch Klassen-Container setzen, z.B.: .inside_div { margin: 1%; border: 1px solid #000; padding: 0.5%; background-color: #c8c8c8; } Das Problem: Diese Klasse erscheint nicht an der richtigen Position im Mutter-DIV, sondern immer oben, hinter dem Mutter-DIV (also die Klasse verschwindet hinter dem #rechtercontainer. Ich habe es schon mit position versucht, nichts zu machen! Kann mir jemand meinen Fehler verraten? |
Sponsored Links |
|
|||
Hallo,
also bei mir ist das OK. Der div "rechtercontainer" hängt am rechten Bildschirmrand und der div "inside_div" befindet sich innerhalb davon. Wie sieht den dein HTML aus? Übrigens schreibt man width nicht widht und padding; macht auch nicht viel Sinn. Gruss Peter
__________________
OpenComp |
|
|||
Danke mal wieder für nichts!
entschuldigt 1000x meinen Rechtsschreibfehler bei WIDTH und sorry, dass ich vergessen habe meinen padding-Wert von 5px anzugeben. Derartige Fehler passieren Profis wie Euch natürlich nie! |
|
|||
Sicher, doch, das passiert Profis auch, wenn sie mal wieder versäumt haben, zu validieren -- trotz besseren Wissens, aller Erfahrung und Einsicht. Nimm deinen Ärger doch als Anlass, demnächst zu validieren.
Edit: mal wieder zu spät. Geändert von IChao (25.06.2008 um 11:35 Uhr) |
|
|||
Dann möchte ich aber auch mal was zu sage. Ich bin mnir sicher, dass dein gepostetes CSS das ganze stylesheet ist., Vll hast du noch einen weiteren Block, dessen Selektor die Eigenschaften ausm andern haut (Selektorenspezifität) nicht mal einen HTML Quelltext mit der eigentlichen div-Auslegung hast dzu gepostet.
Und wenn du schon bei der Fehlerbeschreibung sowas wie withd und padding; postest, ist die beste Antwort für dich in besten Fällen de.selfhtml.de Das hier ist nämlich kein Anpassungs- und Fehlerbehebungsservice, sondern eine Community. Die Grundlagen sind vo jedem user verlangt, damit Fragendere und Antwortender in der selben Gesamtmenge im Wissensstand sind um die anderen Ecken der materie gegenseitig abzufärben. Hier, vll kannst du damit ja was anfangen: simpleml.bplaced.net - Treibende Elemente - CSS float und clear Tipp: das hat noch ne seite 2: j-so - Treibende Elemente - CSS float und clear P.S.: Das sind keine Attribute, sondern style-Eigenschaften. Andrerseits isses das selbe. Aber deine Namensgebung bezüglich der Klassen/Ids allein ist schon komplett falssch. auf seite 1 jedes css tutorials kannst du nachlesen warum. sorry für die rechtschreibfehler aber mein rechter arm is gebrochen und ich bin rechtshänder. |
|
|||
Ähm nein. widht sollte eigentlich "gefüllte Paprika-Schote mit Reis zu Hirschragout" heißen. Sorry.
Also hier nochmal die validierte Ausgabe: DIV-Container Code:
#pictureboxright { float: right; margin: 0% 1.5% 0% 0%; width: 350px; text-align: left; } Code:
.inside { padding: 5px; margin: 1%; border: 1px solid #000; } Code:
#umhang { width: 780px; padding: 0; margin: 0 auto; border-left: 1px solid #000; border-right: 1px solid #000; background-color: #F7F7F7; } |
|
|||
Themetimer, mir gings nicht darum dir Rechtschreibfehler unter die Nase zu reiben, denn wie du was schreibst, ist mir vollkommen schnurz. Ein Browser ist da pingeliger - was er nicht kennt, frisst er einfach nicht. Und da er "widht" nicht kennt, wird diese Angabe ignoriert.
Am besten ist es, einfach die Fehler zu korrigieren und zu schauen, ob sich das auf deinen Problemcode auswirkt. Alles andere ist unnötige Verschwendung von Ressourcen. |
Sponsored Links |
|
|||
nichts für ungut... sollte auch eher spaßig zu verstehen sein.
Also: Im Echtzeitlauf heißt es natürlich width und nicht witdh. Im Echtzeitlauf habe ich das ganze auch validiert und er meckert nicht.... ich wollte halt nicht alle Element-Eigenschaften hier posten um den Beitrag übermäßig aufzublähen. Code:
background-image: url(../xyz/xyz/muster.jpg) Will sagen: Den fehlerhaften Beitrag im Eröffnungsthread habe ich, zugegeben etwas schnell und schluderig, einfach so in die Tasten gehauen. In meinem zweiten Posting werde ich ja nun etwas ordentlicher und detailierter. Ich hoffe, dass mir jetzt jemand helfen kann... Geändert von themetimer (25.06.2008 um 12:55 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
CSS Problem - Finde den Fehler nicht... | expou | CSS | 4 | 27.04.2011 13:31 |
Problem im IE7: div hinter input platzieren per float | Heavenfighter | CSS | 2 | 19.06.2007 16:50 |
Problem mit Positionierung | Synoxis | CSS | 1 | 23.04.2007 11:49 |
Abstand und rechen Problem mit Float | Bluerock | CSS | 0 | 18.02.2006 19:19 |
Problem mit Float: wird falsch positioniert | pospiech | CSS | 0 | 10.03.2004 19:01 |