[GastForen Archiv Adobe GoLive Problem mit .float

  • Suche
  • Hilfe
  • Lesezeichen
  • Benutzerliste
Archiv - Archivierte Foren
Themen
Beiträge
Moderatoren
Letzter Beitrag

Problem mit .float

Gunther103
Beiträge gesamt: 157

26. Dez 2004, 22:35
Beitrag # 1 von 11
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
hallo,

bin ein .float-Neuling und habe Probleme. Nachdem ich das Layout der neuen Site doch wieder auf feste Breite umgestellt habe, wollte ich mir eine tabelle sparen und hab Bilder gefloatet. Das funktioniert gut am Mac, im IE 6 (win) funktioniert anscheinend der "clear"-Befehl nicht und die Seite wird falsch dargestellt. Übrigens zeigt mir GoLive im Layout-Modus das gleiche wie der IE 6, im Vorschau-Modus ist Alles oK. Was habe ich faisch gemacht?

Dnkee für Hilfe
Gunther

Hier der Quelltext:
#float {
padding: 0px;
float: left;
width:120px;
height: 110px;
margin-left: 0px;
margin-right: 0px;
}

#clear {
display: none;
clear:both;
}

html>body #clear {
display: block;
clear: both;
}


<div id=float>
<a href="musiker2.php?instrument=md"><img src=img/andi.JPG alt="andi" height=82 width=100 border=0><br>
$md</a></div>
<div id="clear"></div>
<p><hr>
<h6>Reeds:</h6>
<div id=float><a href="musiker2.php?instrument=as1"><img src="img/andi.JPG" alt="" height="82" width="100" border="0"><br>$as1</a></div>
X

Problem mit .float

SabineP
Beiträge gesamt: 7586

26. Dez 2004, 23:05
Beitrag # 2 von 11
Beitrag ID: #132530
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Gunther,

>> wollte ich mir eine tabelle sparen und hab Bilder gefloatet.

Ja, das ist eine gute Idee.

>> Was habe ich falsch gemacht?

Du verwendest die ID float zwei mal in Deinem HTML-Code, IDs dürfen nur ein mal verwendet werden.

Wie sollen die Bilder und die horizontale Linie denn angeordnet werden?

Bei mir sieht es in allen Browsern gleich aus:

Bild Linie
____Bild

Gruß Sabine


als Antwort auf: [#132525]
(Dieser Beitrag wurde von SabineP am 26. Dez 2004, 23:09 geändert)

Problem mit .float

Gunther103
Beiträge gesamt: 157

26. Dez 2004, 23:18
Beitrag # 3 von 11
Beitrag ID: #132531
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

so solls sein:

Musiker 1 ( ein Bild + Name)
<hr>
Musiker 1-4 (Bilder +Name)
<hr>
...
Das Bild ist nur Platzhalter. Ursprünglich hatte ich keine <hr>, dachte damit die Zeile voll zu machen, damit die nachfolgenden Bilder in einer neuen Zeile links beginnen. Im Moment ist es unter IE 6 (win) so, daß die neue Zeile hinter dem einzigen Bild der ersten Zeile beginnt.

Gunther


als Antwort auf: [#132525]

Problem mit .float

SabineP
Beiträge gesamt: 7586

26. Dez 2004, 23:33
Beitrag # 4 von 11
Beitrag ID: #132532
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Dann probiers mal so:

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<style type="text/css">
.reihe {
padding:0px;
float:left;
width:120px;
height:110px;
margin-left:0px;
margin-right:0px;
}
</style>

</HEAD>

<BODY>
<a href="musiker2.php?instrument=md">
<img src="img/andi.JPG" alt="andi" height="82" width="100" border="0">
<br>$md</a>

<p><hr><h6>Reeds:</h6>

<div class="reihe"><a href="musiker2.php?instrument=as1">
<img src="img/andi.JPG" alt="" height="82" width="100" border="0">
<br>$as1</a></div>

<div class="reihe"><a href="musiker2.php?instrument=as1">
<img src="img/andi.JPG" alt="" height="82" width="100" border="0">
<br>$as1</a></div>

<div class="reihe"><a href="musiker2.php?instrument=as1">
<img src="img/andi.JPG" alt="" height="82" width="100" border="0">
<br>$as1</a></div>

<div class="reihe"><a href="musiker2.php?instrument=as1">
<img src="img/andi.JPG" alt="" height="82" width="100" border="0">
<br>$as1</a></div>

</BODY>
</HTML>

Gruß Sabine


als Antwort auf: [#132525]

Problem mit .float

Gunther103
Beiträge gesamt: 157

27. Dez 2004, 00:46
Beitrag # 5 von 11
Beitrag ID: #132540
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Sabine,

hab deinen Vorschlag ausprobiert.
Nun funktioniert der Float gar nicht mehr. Hier die URLs zu den Testseiten:

Neue Version nach deinem Vorschlag:
http://sundaynightorchestra.de/SNO/musiker1.php

Meine Version davor:
http://sundaynightorchestra.de/SNO/musiker.php


als Antwort auf: [#132525]
(Dieser Beitrag wurde von Gunther103 am 27. Dez 2004, 00:47 geändert)

Problem mit .float

SabineP
Beiträge gesamt: 7586

27. Dez 2004, 01:16
Beitrag # 6 von 11
Beitrag ID: #132543
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo Gunther,

>> Nun funktioniert der Float gar nicht mehr.

Du hattest den Rest Deiner Seite nicht gepostet,
mein Beispiel funktioniert sogar in Netscape 4.

Habe momentan nur Firefox zur Verfügung.
Deine Beispielseite funktioniert mit diesem Browser.
http://sundaynightorchestra.de/SNO/musiker.php

Im IE4 fliegen allerdings die divs alle durcheinander.

Vielleicht kann sich das noch jemand mit dem IE6 ansehen.
Ich habe diesen Browser leider nicht.

Du könntest Dir die Sache einfacher machen mit einer zweispaltigen Tabelle.
In die linke Spalte die Bilder, in die rechte Spalte die Navigation.

Gruß Sabine


als Antwort auf: [#132525]

Problem mit .float

Gunther103
Beiträge gesamt: 157

1. Jan 2005, 23:30
Beitrag # 7 von 11
Beitrag ID: #133403
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Hallo,

ich hab immer noch keine Lösung für mein Problem. Klar könnte ich den Inhalt in eine Tabelle stellen, will ich aber nicht. Wer weiß wie's geht?

Gunther


als Antwort auf: [#132525]

Problem mit .float

SabineP
Beiträge gesamt: 7586

1. Jan 2005, 23:41
Beitrag # 8 von 11
Beitrag ID: #133404
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Nur ein Versuch.

Du könntest alle
<div id="clear"></div>

durch
<br clear="all">

ersetzen.

Vielleicht läßt sich der IE damit überreden die Bilderreihen an der richtigen Stelle umzubrechen.

Gruß Sabine


als Antwort auf: [#132525]

Problem mit .float

WolfJack
Beiträge gesamt: 2851

2. Jan 2005, 11:35
Beitrag # 9 von 11
Beitrag ID: #133429
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Meine Frage an dich: Warum einfach, wenn es kompliziert auch NICHT funzt..
LOL

Das Ergebnis dieser doch recht einfach gestrickten Bandsite fällt ja absolut nicht aus dem Rahmen.. Deine Floating Boxes allerdings!
Da würde ich mich an deiner Stelle doch.. auf simple Frames und vernünftige Tabellen einlassen, denn die funzionalisieren immer..
"Klar könnte ich den Inhalt in eine Tabelle stellen, will ich aber nicht."
Floating Boxes würde ich nur für Extras benutzen und nicht als Grundprinzip. Die CSS in einen Extra-Ordner "Intern" zu packen, kommt mir seltsam vor aber man lernt ja nie aus.
Ich würde die massenhaften CSS-Styles und völlig verstrickten Floating Boxes mal gründlich entkernen!

Wichtig ist doch immer, was hinten heraus kommt! *neudeutscheHühnerzüchtervereinigung*

---
mfG WolfJack
http://www.webdesignausberlin.de/php/index.php?home
---
Die Zukunft war früher auch besser..
*Karl Valentin*


als Antwort auf: [#132525]

Problem mit .float

Gunther103
Beiträge gesamt: 157

2. Jan 2005, 13:22
Beitrag # 10 von 11
Beitrag ID: #133441
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Also gut,

dann halt raus mit den Boxes und wieder Tabellen. Hab auch noch das float-Menu erstetzt, da die einzelnen Menupunkte in der Höhe tanzten und die CSS-Anweisungen überarbeitet und in eine extra Datei exportiert.
Werde erstmal die Finger von den Floating Boxes lassen, da das eine Wissenschaft für sich zu sein scheint.

Danke

Gunther


als Antwort auf: [#132525]

Problem mit .float

WolfJack
Beiträge gesamt: 2851

2. Jan 2005, 13:27
Beitrag # 11 von 11
Beitrag ID: #133442
Bewertung:
(2391 mal gelesen)
URL zum Beitrag
Beitrag als Lesezeichen
Kleiner Schönheitsfehler:
Wissenswertes übers Orchesters

Wie wärs, wenn du das Wörtchen "Die" in der Navi einfach weg lässt?

))-)

---
mfG WolfJack
http://www.webdesignausberlin.de/php/index.php?home
---
Die Zukunft war früher auch besser..
*Karl Valentin*


als Antwort auf: [#132525]
(Dieser Beitrag wurde von WolfJack am 2. Jan 2005, 13:29 geändert)
X

Aktuell

Veranstaltungskalender

Hier können Sie Ihre Anlässe eintragen, welche einen Zusammenhang mit den Angeboten von HilfDirSelbst.ch wie z.B. Adobe InDesign, Photoshop, Illustrator, PDF, Pitstop, Affinity, Marketing, SEO, Büro- und Rechtsthemen etc. haben. Die Einträge werden moderiert freigeschaltet. Dies wird werktags üblicherweise innert 24 Stunden erfolgen.

pdf-icon Hier eine kleine Anleitung hinsichtlich Bedeutung der auszufüllenden Formularfelder.

Veranstaltungen
05.02.2021 - 05.11.2021

Digicomp Academy AG, Limmatstrasse 50, 8005 Zürich
Freitag, 05. Feb. 2021, 13.00 Uhr - Freitag, 05. Nov. 2021, 17.00 Uhr

Lehrgang

Bilden Sie sich zum zertifizierten Publishing-Multimedia-Profi aus. Neben Fotografie und Video befassen Sie sich mit der Medienproduktion, digitalen Publikationen und dem Webdesign für Desktop- und mobile Endgeräte.

Preis: CHF 10'500.-
Dauer: 30 Tage (ca. 210 Lektionen) – Unterricht findet jeweils am Freitag von 13 - 19 Uhr und Samstag von 09 - 17 Uhr statt

Ja

Organisator: Digicomp Academy AG

Kontaktinformation: Kundenberater-Team, E-Mailkundenberatung AT digicomp DOT ch

digicomp.ch/d/9PM

Veranstaltungen
01.03.2021 - 05.03.2021

Persönlichkeitsentwicklung

Online
Montag, 01. März 2021, 00.17 Uhr - Freitag, 05. März 2021, 00.18 Uhr

Webinar

Personal Power Coaching - Um was geht es? ​ Potenzialentfaltung: Potenzial entdecken und entfalten Talente entdecken: Deine Talente und Fähigkeiten erkennen und loslegen Gewohnheiten: schlechte Gewohnheiten durch Positive ersetzen Selbstbewusstsein stärken: Dein Bewusstsein stärken Eigendynamik entwickeln: Mehr Erfolg durch Eigenverantwortung & Disziplin Ängste kontrollieren: Ängste als Antrieb nutzen Entscheidungen treffen: Mit mehr Mut an die Sache ran! Lebensenergie steigern: Deine Lebensenergie steigern und aufrechterhalten Ziele erreichen: Ziele setzen und übertreffen! Motivationssteigerung: Mehr Erfolg durch Selbstmotivation Selbstvertrauen: Selbstvertrauen auf- und ausbauen

Details:
https://www.snfa.ch/swiss-personal-power-birolisik

Ja

Organisator: Birol Isik

Kontaktinformation: Birol Isik, E-Mailinfo AT snfa DOT ch

https://www.snfa.ch/swiss-personal-power-birolisik

Neuste Foreneinträge


Affinity Designer

Optimierung doc2pdf-withPresets.jsx

Layout / Bildauflösung druckfertig anlegen

Affinity Publisher 1.9

Alternative Acrobat Pro

Affinity Photo

Open CL-Berschleunigung

Studiovorgaben (Workspace) beim Programmstart vorgeben?

Illustrator AI in Designer öffnen

Verknüpfung mit Format aufheben
medienjobs