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, 4943 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 ..
Neuester Wissensbeitrag
Ähnliche Inhalte
Webbrowser
Firefox Profil sichern - Inhalt im Verzeichnis Storage-Default (14)

Frage von hannsgmaulwurf zum Thema Webbrowser ...

Windows Server
IP-Einstellungen werden falsch angezeigt (5)

Frage von schlumpf90 zum Thema Windows Server ...

Heiß diskutierte Inhalte
Google Android
gelöst Android-Handy versehentlich (dauerhaft) gesperrt? (23)

Frage von FA-jka zum Thema Google Android ...

DSL, VDSL
gelöst DSL 200m verlängern (14)

Frage von Angela44 zum Thema DSL, VDSL ...

Batch & Shell
gelöst Ordner und Datei Name gleich (BATCH) (12)

Frage von clragon zum Thema Batch & Shell ...

Windows Server
SBS 2011 Standard virtualisieren (11)

Frage von HeinrichM zum Thema Windows Server ...