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, 4951 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
Utilities
gelöst Anonymisierende Browsereinstellungen für Chrome oder Firefox (3)

Frage von istike2 zum Thema Utilities ...

Verschlüsselung & Zertifikate
Root Zertifikat in Firefox importieren (3)

Frage von DarkScabs zum Thema Verschlüsselung & Zertifikate ...

Batch & Shell
Findstr Path CMD ja - Batch Script nein - FireFox Profiles (2)

Frage von ChrisIO zum Thema Batch & Shell ...

Webbrowser
gelöst Firefox ESR 52.2.0 - "einige druckfunktionen sind derzeit nicht verfügbar" (6)

Frage von BAMA1971 zum Thema Webbrowser ...

Neue Wissensbeiträge
Heiß diskutierte Inhalte
Windows Systemdateien
NTFS und die Defragmentierung (23)

Frage von WinLiCLI zum Thema Windows Systemdateien ...

LAN, WAN, Wireless
Zwei Subnetze mit je eigenem Router und Internetzugang verbinden (17)

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

Windows Server
WIndows Server 2016 core auf dem Intel NUC NUC5i5RYK i5 5250U (17)

Frage von IxxZett zum Thema Windows Server ...