ERLEDIGT
JA
JA
ANTWORTEN
7
7
ZUGRIFFE
778
778
EMPFEHLEN
-
22.08.09 14:26 #1
- Registriert seit
- Jan 2009
- Beiträge
- 64
Hallo,
Hier erst mal mein Code:
PHP-Code:echo '
<div id="archivebildetc">
<div id="archive"><a href="/galerie/'.htmlspecialchars( $galerie['setbild']).'">
<img src="/galerie/'.$galerie['setbild'].'" alt="Bild wird geladen." width="200" height="200" /></a></div>
<div id="archiven" style="width: 400px;">
<div style="width: 400px;"><b>Titel:</b> '.htmlspecialchars( $galerie['titel']).'</div>
<div style="width: 400px;"><b>Autor:</b> <a href="index.php?page=10&id='.$userdata['id'].'" target="_blank">'.htmlspecialchars( $galerie['autor']).'</a></div>
<div style="width: 400px;"><b>Beschreibung zum Bild:</b> '.htmlspecialchars( $galerie['beschreibung']).'</div>
</div>
</div>
<br>';
Mein Problem ist jetzt, dass er die beiden Divs, die oben sind nicht nebeneinander tut, sondern unter einander, bei id="archiven" nimmt er das Float: right; raus, aber er zeigt er jedoch trotzdem unter dem id="archive" an :/ . Wieso denn das?HTML-Code:#archivebildetc { width: 669px; overflow: hidden; } #archive { width: 204px; color: #ffffff; background-color: #444444; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; border: 2px solid #000000; } #archive img { border: 2px solid #9E9E9E; color: #fff; } #archive a:hover img { border: 2px solid #fff; color: #fff; } #archive a:hover { color: #fff; } #archiven { color: #ffffff; float: right; background-color: #444444; padding-left: 10px; padding-top: 10px; padding-bottom: 10px; padding-right: 10px; border: 2px solid #000000; }Geändert von xGutaxJungex (22.08.09 um 14:42 Uhr)
-
Das
clear:both
in #archive ist die Ursache, denke ich.
-
22.08.09 14:34 #3Maik Tutorials.de Gastzugang
Hi,
das zu umfliessende Element (mit der float-Eigenschaft formatiert) wird im Markup grundsätzlich an erster Stelle genannt - also in deinem Konstrukt:
Desweiteren sorgt die clear:both-Deklaration für #archive dafür, dass das Element in der Zeile darunter ausgerichtet wird.HTML-Code:<div style="width: 669px; clear: both; overflow: hidden;"> <div id="archiven">...</div> <div id="archive">...</div> </div>
mfg Maik
-
22.08.09 14:42 #4
- Registriert seit
- Jan 2009
- Beiträge
- 64
Hab den Code geändert, geht aber noch immer net :/
##EDIT##
Danke, es geht doch
, habe ein Float: left; vergessen
.
-
22.08.09 14:44 #5Maik Tutorials.de Gastzugang
Du hast auch nicht die angesprochene Reihenfolge der beiden genannten DIV-Blöcke getauscht.
mfg Maik
-
22.08.09 14:46 #6
- Registriert seit
- Jan 2009
- Beiträge
- 64
Wie meinst du das o.O ?
-
22.08.09 14:48 #7Maik Tutorials.de Gastzugang
-
22.08.09 15:16 #8
- Registriert seit
- Jan 2009
- Beiträge
- 64
Achso
, trotzdem danke
, es geht ja schon
, danke hehe.
Ps:// werde gleich mal meine PHP Frage los :/ .
Ähnliche Themen
-
Problem mit float:left
Von enrix im Forum CSSAntworten: 2Letzter Beitrag: 23.03.10, 19:55 -
3 (!) Float-Probleme im IE6/7 (Float über die Grenzen eines Elements hinaus)
Von marco12 im Forum CSSAntworten: 14Letzter Beitrag: 28.09.08, 11:00 -
float left bei 3divs
Von chaosgoettin im Forum CSSAntworten: 3Letzter Beitrag: 09.03.07, 07:25 -
Problem bei float:left und float:right im FF
Von mbecker im Forum CSSAntworten: 2Letzter Beitrag: 01.03.06, 13:43 -
div & float:left;
Von Pherseus im Forum HTML & XHTMLAntworten: 1Letzter Beitrag: 11.02.05, 11:02





Zitieren

Login





