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, 4948 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
Webbrowser
Firefox - Seitenquelltext anzeigen führt zur Startseite (1)

Frage von imebro zum Thema Webbrowser ...

Windows Netzwerk
Benutzername oder Passwort falsch (2)

Frage von Havanna63 zum Thema Windows Netzwerk ...

Neue Wissensbeiträge
Google Android

Cyanogenmod alternative Downloadquelle

(2)

Tipp von Lochkartenstanzer zum Thema Google Android ...

Batch & Shell

Batch als Dienst bei Systemstart ohne Anmeldung ausführen

(5)

Tipp von tralveller zum Thema Batch & Shell ...

Sicherheits-Tools

Sicherheitstest von Passwörtern für ganze DB-Tabellen

(1)

Tipp von gdconsult zum Thema Sicherheits-Tools ...

Heiß diskutierte Inhalte
Windows 7
gelöst Lokales Adminprofil defekt (25)

Frage von Yannosch zum Thema Windows 7 ...

Server
gelöst Wie erkennen, dass nur deutsche IPs Zugang zu einer Website haben? (22)

Frage von Coreknabe zum Thema Server ...

LAN, WAN, Wireless
gelöst Statische Routen mit ISC-DHCP Server für Android Devices (22)

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

Exchange Server
gelöst Migration Exchange 2007 zu 2013 - Public Folder teilweise weg (16)

Frage von Andy1987 zum Thema Exchange Server ...