zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden Floats verschwinden im nichts, Fließer überdecken Floats.

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 08.02.2008, 22:21
Benutzerbild von nick
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 01.08.2006
Ort: Rheinland-Pfalz
Beiträge: 386
nick befindet sich auf einem aufstrebenden Ast
Standard Floats verschwinden im nichts, Fließer überdecken Floats.

Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml1">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta name="robots" content="no-index, no-follow, no-cache" />
<style type="text/css">
*
{
	margin: 0;
	padding: 0;
	border: 0;
	font: 11px "courier new";
	line-height: 1.25em;
}

body
{
	padding: 10px;
	background: #000;
	color: #EEE;
}

div
{
	margin: 0 4px;
	padding: 5px;
	border: 2px solid #FF0000;
	background: #696969;
}
</style>
<title>Beispiel</title>
</head>
<body>

<div style="float: left;">
	Text in schwimmender div
</div>

<div style="float: right;">
	Text in schwimmender div
</div>

<p>Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text, Text</p>

</body>
</html>


Also, eh... LOL! Kann mir jemand erklären, weshalb der ff gezwungen wird, das so anzuzeigen?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 08.02.2008, 22:28
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Weil bei Dir der Viewport schmäler ist, als die beiden foating Divs gemeinsam an Breite beanspruchen.
Und zwar wird das bei mir unter 400px Breite so wie bei Dir angezeigt, darüber ist OK.
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 08.02.2008, 22:45
Benutzerbild von nick
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 01.08.2006
Ort: Rheinland-Pfalz
Beiträge: 386
nick befindet sich auf einem aufstrebenden Ast
Standard

Ich mein doch nicht die automatische Absetzung.

Zum ersten meien ich die Textzeile, die sich über das Float schichtet und zum zweiten, dass die Textzeile "Text in schwimmendem Float" im 'umgebrochenen' Float (Screenseite 2) über seinen Rand hinausgeht.
Mit Zitat antworten
  #4 (permalink)  
Alt 08.02.2008, 22:50
{ display: random;}
XHTMLforum-Kenner
 
Registriert seit: 08.09.2004
Ort: Stuttgart
Beiträge: 5.034
andir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblickandir ist ein wunderbarer Anblick
Standard

So ganz spontan habe ich daran gedacht:

Mozilla Clearing Bug

So siehts nämlich aus. Aber der Bug ist erschlagen, also liegt es am fehlenden clearing überhaupt?
Und natürlich an der mangelnden Breite aber für eine genaue Analyse habe ich heute abend keinen Kopf mehr
__________________
Grüsse Andreas- auch mal wieder da...

Design isn't about the tools, it's about creating the best experience for the user. A design should be based on usability, accesibility, aesthetics, but never on floats, lists or background images. ( by Cameron Adams)
Wiedergelesen: > hier und hier

[Foren-Links] Dein Post? Klar, DAS vorher gelesen? Hilft. ## User-Landkarte

Geändert von andir (08.02.2008 um 22:54 Uhr)
Mit Zitat antworten
  #5 (permalink)  
Alt 08.02.2008, 23:13
Benutzerbild von paracelsus
be simple
XHTMLforum-Kenner
 
Registriert seit: 16.07.2007
Ort: Kapfenberg - Austria, einige meinen am "Anus Mundi"
Beiträge: 4.788
paracelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nettparacelsus ist einfach richtig nett
Standard

Zitat:
Zitat von nick Beitrag anzeigen
Ich mein doch nicht die automatische Absetzung.

Zum ersten meien ich die Textzeile, die sich über das Float schichtet und zum zweiten, dass die Textzeile "Text in schwimmendem Float" im 'umgebrochenen' Float (Screenseite 2) über seinen Rand hinausgeht.
Na, dann wäre erstmal eine Beschreibung dessen - was man wissen möchte - angebracht.
In meinem FF kann man zwar den Viewport ganz zusammenschieben, was mein IE 7 nicht unter die Breite Deiner Divs zulässt, aber der Text geht nicht über das Div hinaus (FF 2.0.0.12)
Ich habe allerdings - in anderem Zusammenhang - oft erlebt, das Text über ein Div hinaus geht, immer dann, wenn ein Wort zu lang für das umbrechen wurde. Aber das wirst Du ja auch selber wissen...

Geändert von paracelsus (08.02.2008 um 23:43 Uhr)
Mit Zitat antworten
  #6 (permalink)  
Alt 09.02.2008, 15:34
Benutzerbild von hubspe
Eisen 7 ole....
XHTMLforum-Kenner
 
Registriert seit: 22.06.2007
Ort: Passau
Beiträge: 7.086
hubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblickhubspe ist ein wunderbarer Anblick
Standard

Hi Nick,

[ungefragt dazwischenquatschen] hast du mal probiert die divs in einen div#wrapper zu packen, allen divs eine feste Breite geben und vor Ende #wrapper eine hr class="clear" reinzuschieben.[/ungefragt dazwischenquatschen]

Gruß
Klaus
__________________
Ein mehrfacher Gruß aus dem Südosten
Klaus
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 12:21 Uhr.