Top-Themen

Aktuelle Themen (A bis Z)

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

Mitglied: ottscho

ottscho (Level 2) - Jetzt verbinden

14.12.2010 um 10:46 Uhr, 4962 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
Positionierung von DIV - Sidebar
gelöst Frage von chris84CSS5 Kommentare

Hallo Zusammen, ich möchte gern ein eine Sidebar auf meiner Seite einbauen. Leider wird diese aktuell am DIV "Company" ...

CSS
Probleme mit der Positionierung von DIV
gelöst Frage von 127944CSS8 Kommentare

Moin zusammen, ich versuche gerade ein wenig über CSS zu lernen. Bin ganz frisch in dem Thema und darum ...

CSS
Div boxen nebeneinander platzieren
Frage von deinernstjetztCSS5 Kommentare

Hallo, ich schreibe an einer Website, die aus Überschrift, Seitenverzeichniss und Text besteht. Im Seitenverzeichniss(div box 1) stehen Buttons ...

LAN, WAN, Wireless

Programm für Positionierung Accesspoints Neubau Unternehmen?

Frage von grillinator95LAN, WAN, Wireless6 Kommentare

Hallo, kann mir jemand eine Software empfehlen, die mit meinen Bauplan die empfohlene Positionierung für Accesspoints ausrechnet, bzw. sagen ...

Neue Wissensbeiträge
Humor (lol)
IoT-Gefahr: Smartes Aquarium leckt!
Information von Lochkartenstanzer vor 2 TagenHumor (lol)3 Kommentare

Moin, Die IoT-Manie hat weitere Opfer gefunden. Ein Casino-Leck durch ein smartes Aquarium: Allerdings haben sie kein Wasser, sondern ...

Router & Routing

Alte Fritzbox 7270 mit VPN und SIP-Telefonie hinter O2 Homebox 6641 als "Modem"

Erfahrungsbericht von the-buccaneer vor 2 TagenRouter & Routing3 Kommentare

Nun war es soweit: Auch O2 hat mich mit VOIP zwangsbeglückt. Heute am Privatanschluss, in 2 Wochen ist das ...

Sicherheit

Ungepatchte Remote Code Execution-Lücke in LG NAS

Information von kgborn vor 2 TagenSicherheit

Nutzt wer LG NAS-Einheiten? In den NAS-Einheiten der LG Network Storage-Einheiten gibt es eine sehr unschöne Schwachstelle, die einen ...

Windows Update

Neue Version KB4099950 NIC Einstellungen gehen verloren

Information von sabines vor 3 TagenWindows Update2 Kommentare

Es ist eine neue Version des KB4099950 verfügbar, die das Problem mit den verlorenen Netzwerkeinstellungen lösen soll. Das Datum ...

Heiß diskutierte Inhalte
Netzwerkmanagement
Netzwerkmanagment im Haus mit Switch, Panel und pfsense
gelöst Frage von CorraggiounoNetzwerkmanagement14 Kommentare

hi zusammen, wir sind gerade dabei das ganze Haus bzw. die einzelnen Zimmer mit netzwerkdosen zu versorgen. Vom Keller ...

Linux Netzwerk
Raspberry Pi 3: WLAN Power save deaktivieren
Frage von nordie92Linux Netzwerk14 Kommentare

Moin moin, mein Raspberry Pi 3 Model B benötigt eine dauerhaft aktive WLAN-Verbindung. Leider bricht die WLAN-Verbindung nach einigen ...

Google Android
Empfehlung: Android Ortungsapp
gelöst Frage von certifiedit.netGoogle Android13 Kommentare

Guten Morgen, grundsätzlich vorweg, ich wollte mich eben schlau machen, bzgl einer Ortungsapp, welche Androidbasiert einem anderen Androidsmartphone mitteilt, ...

Vmware
Server 2008 r2 vmware terminalserver
Frage von MasterCVmware12 Kommentare

Guten Abend zusammen, ich hoffe , dass einer von euch mir weiterhelfen kann ,bei meinem kack Problem ! Ist ...