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
GELÖST

DIV Positionierung nebeneinander

Frage Entwicklung CSS

Mitglied: ottscho

ottscho (Level 2) - Jetzt verbinden

14.12.2010 um 10:46 Uhr, 4866 Aufrufe, 4 Kommentare

Hallo,

ich habe eine Verständisfragen.
Und zwar habe ich zweit Divs nebeneinander und darunter dann wieder ein neues DIV.

Nur zum CSS:
01.
#horizonal1{ 
02.
    border-color: #C7C7C7; 
03.
    float: left; 
04.
    height: 365px; 
05.
    width: 298px; 
06.
07.
 
08.
#horizonal2{ 
09.
    border-color: #C7C7C7; 
10.
    float: left; 
11.
    margin-bottom: 10px; 
12.
    width: 330px; 
13.
14.
 
15.
#nachfolgende_divs{ 
16.
    clear: both; 
17.
    width: 628px; 
18.
}
Ist das clear:both zwingend notwendig? Davor hatte ich es nicht. IE und FF haben es mir korrekt angezeigt. Aber beim Safari und Chrome war die dritte DIV auch rechts daneben und nicht darunter.

Muss ich nun bei jedem nachfolgendem DIV das clear:both einfügen?

Danke
Mitglied: KennyNet
14.12.2010 um 11:01 Uhr
Hallo,

Du kannst anstelle von float für alle DIVS einen position-TAG nehmen und diesen dann Werte wie position:relative, position:fixed, etc. in Verbindung mit den Abständen zum oberen, linken und/oder rechten Rand zuweisen, also z.B. top:10px left:10px usw.

Eine detailliertere Erklärung findest Du z.B. auch hier: http://www.css4you.de/position.html
Bitte warten ..
Mitglied: mrtux
14.12.2010 um 11:09 Uhr
Hi !

Wie kenny schon angemerkt hat, würde ich da noch weiter gehen und behaupten, dass Du dich da grundsätzlich nicht darauf verlassen kannst. Die Darstellung kann von Browser zu Browser total unterschiedlich sein, das ist ein leidiges Thema mit dem wir leider leben müssen. Oftmals benötigst Du (eine) Browserweiche(n) um mehrere Browser auf deiner Site zu unterstützen. Weitere Unterschiede bei der CSS-Interpretation der verschiedenen Browser sind auf der genannten CSS4You-Site ebenfalls dokumentiert.

mrtux
Bitte warten ..
Mitglied: awagner82
14.12.2010 um 12:25 Uhr
Hi,

das mit den Browsern ist immer so ne Sache ...

Was meines Wissens überall geht ist folgendes:

Füge einfach ein DIV nach den beiden "floatenden" DIVs ein und gib diesem DIV, nennen wir es "trenner",
die Eigenschaften

#trenner {height:0px;line-height:0px;clear:left;}

Die folgenden DIVs sollten dann "normal" ansprechbar sein und Du musst nicht jedes mit der o.g. Eigenschaft belegen.
Das DIV ist dann quasi unsichtbar.

Feste Positionierung würde ich nicht benutzen, je nach Auflösung kann das ebenfalls daneben gehen.

Gruß
Bitte warten ..
Mitglied: ottscho
14.12.2010 um 13:28 Uhr
Zitat von awagner82:
Hi,

das mit den Browsern ist immer so ne Sache ...

Was meines Wissens überall geht ist folgendes:

Füge einfach ein DIV nach den beiden "floatenden" DIVs ein und gib diesem DIV, nennen wir es "trenner",
die Eigenschaften

#trenner {height:0px;line-height:0px;clear:left;}

Die folgenden DIVs sollten dann "normal" ansprechbar sein und Du musst nicht jedes mit der o.g. Eigenschaft belegen.
Das DIV ist dann quasi unsichtbar.

Feste Positionierung würde ich nicht benutzen, je nach Auflösung kann das ebenfalls daneben gehen.

Gruß

danke, das hört sich gut an.
Werde ich versuchen ;)
Bitte warten ..
Ähnliche Inhalte
CSS
DIV Container einheitliche Höhe (7)

Frage von Yanmai zum Thema CSS ...

LAN, WAN, Wireless
Programm für Positionierung Accesspoints Neubau Unternehmen? (6)

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

HTML
gelöst Iframe wird zu klein in div angezeigt (7)

Frage von Thomas91 zum Thema HTML ...

Hyper-V
Benötige Hilfe bei Hyper-V-Core 2016 div. Befehle gesucht (4)

Frage von Stefan007 zum Thema Hyper-V ...

Neue Wissensbeiträge
Windows 10

Plattformdienst für unbekannte Geräte (7023)

Tipp von KMUlife zum Thema Windows 10 ...

Administrator.de Feedback

Umgangsformen auf der Seite

(7)

Information von Frank zum Thema Administrator.de Feedback ...

Windows 10

Windows 8.x oder 10 Lizenz-Key aus dem ROM auslesen mit Linux

(11)

Tipp von Lochkartenstanzer zum Thema Windows 10 ...

Heiß diskutierte Inhalte
Windows Server
Windows Server Komplettspiegelung (15)

Frage von pdiddo zum Thema Windows Server ...

Batch & Shell
gelöst Dir tc Befehl unter Windows 10 macht Probleme (14)

Frage von sugram zum Thema Batch & Shell ...

Windows Server
Windows Server 2016 RDS Remoteapp Anzeigefehler (11)

Frage von qlnGenius zum Thema Windows Server ...