WebWork Magazin - Webseiten erstellen lassen, Online Medien, html

Webhoster, Webhosting Provider und Domain registrieren

Home | Registrieren | Einloggen | Suchen | Aktuelles | GSL-Webservice | Suleitec Webhosting
Reparatur-Forum | Elektro forum | Ersatzteilshop Haushalt und Elektronik


Homepage und Webhosting-Forum

HTML, XHTML, CSS , style, XML, Javascript und mehr, Fragen, Tipps und Anregungen zu diesen Basic Techniken - hier rein !


Forum » HTML, CSS - Hilfe für das Erstellen einer Homepage » firefox beachte float mit width nicht » Antworten
Benutzername:
Passwort: Passwort vergessen?
Inhalt der Nachricht: Fett | Kursiv | Unterstrichen | Link | Bild | Smiley | Zitat | Zentriert | Quellcode| Kleiner Text
Optionen: Emailbenachrichtigung bei Antworten
 

Die letzten 5 Postings in diesem Thema » Alle anzeigen
von Efchen
n0f3aR schrieb am 29.04.2005 18:59
Der Firefox zeigt das nicht falsch an, tztz. Du solltest doch wissen das der IE die Fehler macht nicht der Firefox.

Soweit richtig. Aber warum muss man dann display:inline sagen, wenn es der FF doch richtig darstellt? Außerdem kannst Du einem Inline-Element keine width mitgeben.
von Efchen
pascalplus schrieb am 29.04.2005 18:48
Ich bin am erstellen eines css-layouts und stosse da leider auf relativ viele schwierigkeiten.

Ja, CSS hat es in sich. Vor allem, wenn man von Tabellenlayout umsteigt. Es bedarf einer anderen Denkweise, ist dann aber viel logischer und einfacher. Du hast noch ne Menge zu lernen, insb. was den "Textfluss" angeht.

So hab ich gemerckt, wenn ich folgendes schreibe dass firefox (ie nicht) die beiden felder trotzdem untereinander anzeigt.

Das ist nicht richtig! Firefox stellt die beiden Boxen so dar, wie Du es geschrieben hast!
Du hast nur vergessen, dass das gefloatete Element aus dem Textfluss genommen wird und das nachfolgende Element dann an der selben Stelle beginnt, wie das erste, also in z-Richtung "unter" dem ersten liegt. Da Dein Inhalt ( ) aber nicht in die 0px zwischen dem rechten Rand Deines gefloateten Elements und den rechten Rand des anderen Elements passt (die Ränder liegen schließlich übereinander), wird dein zweites Element in der Höhe erweitert, damit Dein Inhalt untergebracht werden kann.

display:inline; ist hier falsch, weil dann keine Angabe "width" mehr möglich ist.
Du musst Dein zweites Element unter dem anderen wegschieben, also ihm einen margin-left in der Breite des gefloateten Elements zuweisen.

Wenn der IE die beiden Elemente nebeneinander anzeigt, ist das grober Unfug!

wenn ich das width beim feld2 weglassen würde, zeigt firefox alles richtig an, nun aber ist das feld2 beliebig lang.

Dann würde das Element trotzdem noch unter dem anderen beginnen, nur wäre jetzt genug Platz für den Inhalt und der Bereich muss nicht nach unten erweitert werden. Mein Tipp: Gib den Boxen eine border in unterschiedlicher Farbe und schau, wo die beiden beginnen! Und variiere die width des zweiten Bereichs pixelweise ab 151px. Du wirst die Wahrheit in meinen Worten erkennen!

gibt es eine möglichkeit, auch firefox dazu bringen, zwei <div> nebeneinander anzuzeigen und dass man beim 2. doch noch eine höhe und eine breite angeben kann?

Du hast jetzt hoffentlich verstanden, dass der Fehler bei Dir lag.

Falls noch Fragen sind...gerne!
von Quaese
Hi,

versuch es mal mit folgenden CSS-Definitionen:
1: 
2: 
3: 
4:
.hauptfenster{ width: 800px;
               min-height: 100%;}
* html .hauptfenster{ height: 100%; }
.menu{ width: 500px;} 

Mit min-height gibst du die minimale Höhe für Nicht-IE-Browser an. Wird diese Höhe überschritten,
so passt sich der Inhalt dynamisch an.
Die Definition, die mit * html beginnt, wird nur von IEs interpretiert. Diese Browser passen
die Höhe auch dynamisch an, wenn die sie über height angegeben wurde.

Ciao
Quaese
von pascalplus
das habe ich ja auch gemacht.
mein script sieht etwa so aus:
1: 
2: 
3: 
4: 
5: 
6: 
7: 
8: 
9: 
10: 
11: 
12: 
13:
<style type="text/css">
.hauptfenster {
width: 800px;
height: 100%; }
.menu {
width: 500px; }
</style>

<div class="hauptfenster">
<div class="menu">
<? include ("$site"); ?>
</div>
</div>

das hauptfenster bleibt leider beim firefox immer 100% hoch, auch wenn das menu einmal grösser ist.
von languitar
den einen in den anderen packen.

Nach oben