Top-Themen

AppleEntwicklungHardwareInternetLinuxMicrosoftMultimediaNetzwerkeOff TopicSicherheitSonstige SystemeVirtualisierungWeiterbildungZusammenarbeit

Aktuelle Themen

Administrator.de FeedbackApache ServerAppleAssemblerAudioAusbildungAuslandBackupBasicBatch & ShellBenchmarksBibliotheken & ToolkitsBlogsCloud-DiensteClusterCMSCPU, RAM, MainboardsCSSC und C++DatenbankenDatenschutzDebianDigitiales FernsehenDNSDrucker und ScannerDSL, VDSLE-BooksE-BusinessE-MailEntwicklungErkennung und -AbwehrExchange ServerFestplatten, SSD, RaidFirewallFlatratesGoogle AndroidGrafikGrafikkarten & MonitoreGroupwareHardwareHosting & HousingHTMLHumor (lol)Hyper-VIconsIDE & EditorenInformationsdiensteInstallationInstant MessagingInternetInternet DomäneniOSISDN & AnaloganschlüsseiTunesJavaJavaScriptKiXtartKVMLAN, WAN, WirelessLinuxLinux DesktopLinux NetzwerkLinux ToolsLinux UserverwaltungLizenzierungMac OS XMicrosoftMicrosoft OfficeMikroTik RouterOSMonitoringMultimediaMultimedia & ZubehörNetzwerkeNetzwerkgrundlagenNetzwerkmanagementNetzwerkprotokolleNotebook & ZubehörNovell NetwareOff TopicOpenOffice, LibreOfficeOutlook & MailPapierkorbPascal und DelphiPeripheriegerätePerlPHPPythonRechtliche FragenRedHat, CentOS, FedoraRouter & RoutingSambaSAN, NAS, DASSchriftartenSchulung & TrainingSEOServerServer-HardwareSicherheitSicherheits-ToolsSicherheitsgrundlagenSolarisSonstige SystemeSoziale NetzwerkeSpeicherkartenStudentenjobs & PraktikumSuche ProjektpartnerSuseSwitche und HubsTipps & TricksTK-Netze & GeräteUbuntuUMTS, EDGE & GPRSUtilitiesVB for ApplicationsVerschlüsselung & ZertifikateVideo & StreamingViren und TrojanerVirtualisierungVisual StudioVmwareVoice over IPWebbrowserWebentwicklungWeiterbildungWindows 7Windows 8Windows 10Windows InstallationWindows MobileWindows NetzwerkWindows ServerWindows SystemdateienWindows ToolsWindows UpdateWindows UserverwaltungWindows VistaWindows XPXenserverXMLZusammenarbeit

Float bei Firefox 3 falsch?

Frage Entwicklung CSS

Mitglied: Downlord89

Downlord89 (Level 1) - Jetzt verbinden

05.02.2009, aktualisiert 12:32 Uhr, 4950 Aufrufe, 2 Kommentare

Floating mit 2 divs funktioniert im Firefox nicht wie erwartet.

Hallo

Mein Problem ist sehr trivial, eine Lösung oder Erklärung konnte ich bisher dennoch nicht finden.

Im Internet Explorer 6:
a59b37e23ccac0b27766ffa93bdf6e76-bild1 - Klicke auf das Bild, um es zu vergrößern

Im Firefox 3:
d8507bc2d2cd8ffdc987db27411c49bb-bild2 - Klicke auf das Bild, um es zu vergrößern

Code
01.
<html> 
02.
  <head> 
03.
    <title>Float Test</title> 
04.
    <style type="text/css"> 
05.
      #links { border: 1px solid green; width: 200px; height: 400px; margin-right: 10px; float: left; } 
06.
      #rechts { border: 1px solid red; width: auto; height: 500px; } 
07.
    </style> 
08.
  </head> 
09.
  <body> 
10.
    <div id="links"></div> 
11.
    <div id="rechts"></div> 
12.
  </body> 
13.
</html>
Ich bin davon überzogen, dass der IE6 richtig, der FF3 falsch darstellt. Liege ich falsch?
Kann mir jemand erklären wie ich auch im FF3 zum gewünschten Resultat komme?
Mitglied: Fritzchen
06.02.2009 um 16:40 Uhr
Hallo Downlord89.

Hm, probiere es doch mal so.
01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
02.
<html> 
03.
  <head> 
04.
    <title>Float Test</title> 
05.
	<style type="text/css"> 
06.
   	<!--                     
07.
	#container{width:1000px;margin:0 auto;padding:0px 0px 0px 0px;} 
08.
	#links{border: 1px solid green;padding:0px 0px 0px 0px;margin:0px 0px 0px 0px;width:200px;height: 400px;float:left;} 
09.
	#rechts{border: 1px solid red;padding:0px 0px 0px 0px;;margin:0px 0px 0px 210px;height:500px;width:780px} 
10.
     //--> 
11.
	 </style> 
12.
  </head> 
13.
  <body> 
14.
  	<div id="container"> 
15.
	 
16.
    <div id="links"></div> 
17.
    <div id="rechts"></div> 
18.
	 
19.
	</div> 
20.
  </body> 
21.
</html>
Viele Grüße Fritzchen.
Bitte warten ..
Mitglied: Enclave
11.03.2009 um 23:26 Uhr
Sofern das Problem noch besteht:
Im rechten Container fehlt float...

Dort müsste ebenfalls float: left; stehen. Danach eine leere div box oder span tag mit dem style attribut "clear: left;"...
Also
01.
<html> 
02.
  <head> 
03.
    <title>Float Test</title> 
04.
    <style type="text/css"> 
05.
      #links { border: 1px solid green; width: 200px; height: 400px; margin-right: 10px; float: left; } 
06.
      #rechts { border: 1px solid red; width: 300px; height: 500px; float:left; } 
07.
    </style> 
08.
  </head> 
09.
  <body> 
10.
    <div id="links"></div> 
11.
    <div id="rechts"></div> 
12.
	<span style="clear: left;"></span> 
13.
  </body> 
14.
</html>
Mfg

Enclave
Bitte warten ..
Ähnliche Inhalte
Windows Netzwerk
gelöst Nur Firefox mit Proxy bringt fehler, ohne Proxy geht es (11)

Frage von WinLiCLI zum Thema Windows Netzwerk ...

Webbrowser
Update Firefox ESR 45.9.0 auf ESR 52.0 (7)

Frage von Hajo2006 zum Thema Webbrowser ...

Exchange Server
(Exchange 2013) Mails im Posteingang werden falsch interpretiert (1)

Frage von bigpansen zum Thema Exchange Server ...

Neue Wissensbeiträge
Tipps & Tricks

Wie Hackt man sich am besten in ein Computernetzwerk ein

(29)

Erfahrungsbericht von Herbrich19 zum Thema Tipps & Tricks ...

Humor (lol)

Bester Vorschlag eines Supporttechnikers ever: APC

(15)

Erfahrungsbericht von DerWoWusste zum Thema Humor (lol) ...

Windows Server

Exchange 2010 Active Directory und Windows Server 2016

(4)

Erfahrungsbericht von Herbrich19 zum Thema Windows Server ...

Heiß diskutierte Inhalte
Internet
gelöst Mitarbeiter surft auf unerwünschter Seite - Wie damit umgehen? (44)

Frage von sabines zum Thema Internet ...

Netzwerke
Wie erstelle ich ein Intranet (19)

Frage von Leonardnet zum Thema Netzwerke ...

LAN, WAN, Wireless
gelöst Eintägige Netzwerkunterbrechung trotz Backupleitung (15)

Frage von iAmbricksta zum Thema LAN, WAN, Wireless ...

Router & Routing
PFsense - Netzverbindung steht, aber kein Internet vorhanden (13)

Frage von aschmid zum Thema Router & Routing ...