|
|||
divs nebeneinander - float stimmt nicht
Hi,
ich hab ne einfach Frage bezüglich des floatens. Leider fehlt mir die Erfahrung um den dummen Fehler alleine zu finden. Mein Inhaltsbereich besteht aus 3 divs und daneben sollen rechts weitere Kästen floaten. Ich krieg die Box aber nicht an die gewünschte Stelle außer ich geh ihr ein margin-top: -282px; aber das ist ja nicht so ganz zweckmäßig !? Wäre euch für Hilfe sehr dankbar der blaue div rechts soll an diese Stelle HTML-Code:
#container {margin: auto; width: 730px; height: 536px;} #header {width: 730px; height: 136px; background:url(images/header.jpg);} #content_head {background:url(images/content_head.png); width: 578px; height: 16px; margin-top: 42px;} #content_main {background:url(images/content_main.png); width: 559px; padding: 10px;} #content_footer {background:url(images/content_footer.png); width: 578px; height: 13px; } #wetter_head {background:url(images/wetter_head.png); width: 147px; height: 16px; float: left; } </style> </head> <body> <div id="container"> <div id="header"></div> <ul id="navi"> <li><a class="startseite" href="#"></a></li> <div id="trenner"></div> <li><a class="ferienhaus" href="#"></a></li> <div id="trenner"></div> <li><a class="buchung" href="#"></a></li> <div id="trenner"></div> <li><a class="umgebung" href="#"></a></li> <div id="trenner"></div> <li><a class="platzhalter" href="#"></a></li> </ul> <div id="content_head"></div> <div id="content_main">blindtext</div> <div id="content_footer"></div> <div id="wetter_head"></div> Geändert von newbe (22.01.2011 um 11:57 Uhr) |
Sponsored Links |
|
|||
Ja sorry das Bild war weg.
Gut das du das mit dem <div> in der Liste ansprichst. Die hab ich da drinne wegen den Trennstrichen, die 2px Breite Grafiken sind, wie löst man das denn geschickter ? |
|
|||
Float lässt nachfolgende Inhalte ausweichen, nicht vorhergehende.
Aber: Bereits in deinem letzten Thread schrieb hubspe: Zitat:
Das gilt sowohl für "Spalten" im Layout als auch für deine Navigation. Deine Trennlinie kannst du mit border machen, dafür brauchst du kein leeres Element! Dir wurde doch bereits Little Boxes empfohlen. Arbeite es komplett durch, dann bekommst du ein Grundverständnis für Float (und Clear). Deine diversen Ziergrafiken (und damit alle leeren Elemente!) lass erstmal beiseite. Die kann man später ganz anders unterbringen, als du jetzt noch glaubst. Und bevor du irgendwas weiterfragst, lies und beachte bitte die Hinweise für Fragende. Keine unvalidierten Codeschnipsel -- immer einen Link angeben.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken |
|
|||
Selbst mit Bild ist mir anhand des HTML-Codes völlig unklar, welcher Bereich davon nun problematisch ist. Stell das Ganze mal unter einer URL zur Verfügung, so dass man es sich angucken kann.
|
|
|||
Ich habe das ganze hochgeladen: H A M I
Es sollen doch nachfolgende Inhalte ausweichen ..und zwar nach rechts.. Wenn ich border benutze dann habe ich eine durchgezogene Linie das möchte ich aber nicht , ich möchte einfach einen Trennstrich dazwischen, da liegt genau der Unterschied. Muss ich denn immer Abstriche machen, nur damit das ganze valide wird oder fehlt mir nur das Know-how ? Damit mein ich das es genauso die jetzige Form kriegt und nicht irgendwie abgespeckt und ähnlich. Okay little boxes muss ich echt mal durcharbeiten... Tut mir leid, dass ich mich nicht an die Regeln gehalten hab |
|
|||
Nachfolgende Inhalte weichen dem Float aus. Nicht umgekehrt. Und auch nicht das Float vorhergehenden.
Zitat:
Davon abgesehen: Wenn du Grafiken für deine Links verwendest, dann mal einfach die Linie in die jeweilige Link-Grafik mit rein. Was gar nicht geht sind leere Links. Wie man eine benutzbare grafische Navigation erstellt erklärt Heiko in den FAQ. Bevor du dich an sowas wagst brauchst du aber erstmal Grundlagenwissen. Zitat:
Zitat:
Es hat wirklich keinen Sinn, herumzuraten. Das führt zu nichts.
__________________
Corina Rudel Online-Einsteigerkurs HTML/CSS | Buch: Fortgeschrittene CSS-Techniken Geändert von fricca (22.01.2011 um 13:42 Uhr) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
3x Divs nebeneinander = Hintergrundbild wird nicht angezeigt | JackCimberly | CSS | 2 | 22.06.2011 00:26 |
Divs nebeneinander: Float erzeugt unerwünschten Texteinzug | Sunlion | CSS | 2 | 13.08.2009 17:04 |
Mozilla zeigt DIV zu oft an | cracki | CSS | 6 | 09.03.2008 16:22 |
IE zeigt gewisse Texte nicht an | zitronenbaum | CSS | 2 | 16.01.2008 16:25 |
So langsam bekomme ich die Krise mit den DIVs | Thuroc | CSS | 12 | 12.11.2007 15:25 |