|
You last visited: Today at 09:11
Advertisement
2 DIVs-Blöcke nebeneinander zentrieren
Discussion on 2 DIVs-Blöcke nebeneinander zentrieren within the Web Development forum part of the Coders Den category.
06/24/2016, 01:28
|
#1
|
„Ich bin Igneel's Sohn!“
elite*gold: 1476 
Join Date: Jun 2016
Posts: 13,212
Received Thanks: 2,562
|
2 DIVs-Blöcke nebeneinander zentrieren
Servus,
ich habe ein Problem, bin dabei per HTML und CSS etwas kleines aufzubauen und beim Basteln bin ich auf ein Problem gestoßen, kriege es nicht gebacken, 2 DIV Blöcke nebeneinander zu zentrieren.
Der Linke DIV Block ist fast doppelt so breit wie der Rechte, aber schaffe es irgendwie nicht zu zentrieren nebeneinander..
Der Code:
HTML Code:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>iTurkuaz</title>
<link href="styles.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id="nav">
</div>
<div id="header">
</div>
<div id="slidebar">
</div>
<div id="all">
<div id="content">
<div>asdffddsf
</div>
</div>
<div id="sidebar">
<div>asdffddsf
</div>
</div>
</div>
<div id="footer">
</div>
</body>
</html>
CSS
HTML Code:
@charset "utf-8";
/* CSS Document */
#header {
width:650px;
height:150px;
margin:auto;
padding:10px;
background-image:url(header_n.png);
background-repeat:no-repeat;
}
#nav {
width:1358px;
height:145px;
margin:auto;
background-image:url(images/nav.png);
background-repeat:no-repeat;
}
* {
margin:0;
padding:0;
}
div#all {
width:1358px;
}
div#content, div#sidebar {
float:left;
width:50%;
}
div#content {
background-image:url(images/content.png);
height:694px;
background-repeat:no-repeat;
}
div#sidebar {
background-image:url(images/sidebar.png);
height:694px;
background-repeat:no-repeat;
}
#footer {
width:1358px;
height:90px;
margin:auto;
padding:10px;
background-image:url(images/footer.png);
background-repeat:no-repeat;
|
|
|
|
06/24/2016, 14:24
|
#2
|
elite*gold: 400
Join Date: Nov 2008
Posts: 67,905
Received Thanks: 19,505
|
Meinst du so ? sollte dir helfen
|
|
|
|
|
06/24/2016, 18:21
|
#3
|
elite*gold: 0
Join Date: Apr 2015
Posts: 428
Received Thanks: 361
|
|
|
|
|
|
06/25/2016, 02:17
|
#4
|
|
„Ich bin Igneel's Sohn!“
elite*gold: 1476
Join Date: Jun 2016
Posts: 13,212
Received Thanks: 2,562
|
Quote:
Originally Posted by Der-Eddy
Meinst du so ?
sollte dir helfen |
Wow, die Seite sieht für den Ersten Anblick recht gut aus, werde es mal dort austesten, danke dir.
Quote:
Originally Posted by #Metho
|
Was die "justify"-Elemente angeht, da müsste ich mich echt erst mal schlau machen. Aber das mit dem JavaScript und die Funktionalität in alten Browsers wäre echt nicht verkehrt, wäre dir dafür auch recht dankbar!
|
|
|
|
|
06/25/2016, 14:38
|
#5
|
elite*gold: 16969
Join Date: Nov 2011
Posts: 9,270
Received Thanks: 5,688
|
Quote:
Originally Posted by #Metho
|
Flexbox ist eigentlich schon sehr gut unterstützt. Da würde ich mir nicht die Arbeit machen einen alten IE noch zu supporten.
@TE:
Ich finde Flexbox wirklich angenehm und ist schnell zu verstehen. Löst dein Problem recht schnell.
Hier ein kleines Spiel um es zu lernen 
|
|
|
|
|
06/26/2016, 02:20
|
#6
|
|
„Ich bin Igneel's Sohn!“
elite*gold: 1476
Join Date: Jun 2016
Posts: 13,212
Received Thanks: 2,562
|
Quote:
Originally Posted by LeKoArts
Flexbox ist eigentlich schon sehr gut unterstützt. Da würde ich mir nicht die Arbeit machen einen alten IE noch zu supporten.
@TE:
Ich finde Flexbox wirklich angenehm und ist schnell zu verstehen. Löst dein Problem recht schnell.
Hier ein kleines Spiel um es zu lernen
|
Scheint fürs Erste schon gut zu klingen, seit wann gibt es das mit Flexbox?
Wusste ich garnicht, muss man dazu etwas bestimmtest installieren, oder kann man es so benutzen?
|
|
|
|
|
06/26/2016, 02:34
|
#7
|
elite*gold: 16969
Join Date: Nov 2011
Posts: 9,270
Received Thanks: 5,688
|
Quote:
Originally Posted by abdu931
Scheint fürs Erste schon gut zu klingen, seit wann gibt es das mit Flexbox?
Wusste ich garnicht, muss man dazu etwas bestimmtest installieren, oder kann man es so benutzen?
|
Uff, ist schon einer der "neueren" Sachen. Wobei, es ging halt nur darum, dass alle Browser es mal unterstützen...
Nein, du musst nur "display: flex;" schreiben und schon hast du den Anfang gemacht. Achte aber darauf, dass du Prefixing betreibst, ansonsten klappt das mit der Kompatibilität nichts (ist in dem verlinkten Artikel am Ende auch erwähnt).
|
|
|
|
|
06/26/2016, 16:57
|
#8
|
|
„Ich bin Igneel's Sohn!“
elite*gold: 1476
Join Date: Jun 2016
Posts: 13,212
Received Thanks: 2,562
|
Quote:
Originally Posted by LeKoArts
Uff, ist schon einer der "neueren" Sachen. Wobei, es ging halt nur darum, dass alle Browser es mal unterstützen...
Nein, du musst nur "display: flex;" schreiben und schon hast du den Anfang gemacht. Achte aber darauf, dass du Prefixing betreibst, ansonsten klappt das mit der Kompatibilität nichts (ist in dem verlinkten Artikel am Ende auch erwähnt).
|
Boah ist echt etwas neues, danke dir natürlich aber muss mich erstmal da rein arbeiten, was nicht so leicht ist.
|
|
|
|
|
06/26/2016, 20:05
|
#9
|
elite*gold: 3
Join Date: Oct 2013
Posts: 5,815
Received Thanks: 1,814
|
@abdu931
Wenn du Bootstrap nutzt, könntest du einfach das nutzen:
Code:
<div class="col-sm-8 col-sm-offset-2">
<div class="row">
<div class="col-sm-6">
*content*
</div>
<div class="col-sm-6">
*content*
</div>
</div>
</div>
müsstest du nur noch anpassen
|
|
|
|
|
06/27/2016, 00:20
|
#10
|
|
„Ich bin Igneel's Sohn!“
elite*gold: 1476
Join Date: Jun 2016
Posts: 13,212
Received Thanks: 2,562
|
Quote:
Originally Posted by Nevada'
@abdu931
Wenn du Bootstrap nutzt, könntest du einfach das nutzen:
Code:
<div class="col-sm-8 col-sm-offset-2">
<div class="row">
<div class="col-sm-6">
*content*
</div>
<div class="col-sm-6">
*content*
</div>
</div>
</div>
müsstest du nur noch anpassen |
Bin gerade am Handy, sind es schon nebeneinander zentrierte DIV-Blöcke?
|
|
|
|
|
06/27/2016, 00:42
|
#11
|
elite*gold: 3
Join Date: Oct 2013
Posts: 5,815
Received Thanks: 1,814
|
Quote:
Originally Posted by abdu931
Bin gerade am Handy, sind es schon nebeneinander zentrierte DIV-Blöcke?
|
Ja sollte sein.
|
|
|
|
 |
Similar Threads
|
Berge? Abgerundete blöcke? Keine Blöcke?
07/24/2014 - Minecraft - 11 Replies
Hey, ich muss nun jetzt mal die warscheinlich dümmste Frage stellen die aber bestimmt auch andere von uns interessiert. Gibts eine einstellung die blöcke abzurunden? Ich hasse es bei Bergen, auf denen man ganz normal hoch gehen sollte, das man da hoch springen muss von block zu block oder sone nicht gut aussehende treppe mitten auf den berg hinbauen muss. Kann man mit i-was, was auch immer, soetwas abrunden? Geht sowas in mc? Gibt's was, dass Berge realistisch macht? Und wie siehst mit...
|
Bilder nebeneinander - Text drunter
01/09/2014 - Web Development - 9 Replies
Hallo,
bräuchte Hilfe für meine Homepage.
Aufm Bild sehr ihr ein Ausschnitt aus meiner Homepage wie es momentan ist.
Ich hätte gerne das unter jedem Bild etwas steht z.B. "Beschreibung".
Schön und gut, wenn ich es mit <p>Beschreibung</p> oder <font size=3> Beschreibung </font> steht der Text zwar unter dem Bild jedoch sind die anderen Bilder dann auch unten.
Ich will aber das 3 Bilder in einer Reihe sind und unter dehne Bildern die "Beschreibung" steht.
...
|
Bilder nebeneinander
08/13/2013 - Main - 10 Replies
Hallo Community,
ich hab ein problem,undzwar folgendes:
ich krieg es einfach nicht gebacken 3 bilder nebeneinander (alle 3 140x140px) zu bekommen. Immer sind 2 perfekt nebeneinander und das letzte ist dann immer nach unten oder oben verschoben.
ich habs schon mit dem code der hier beschrieben wird versucht,aber ich kriegs einfach nicht hin.
kann mir jemand den code geben? oder erklären wie es richtig geht? Danke.
|
Sig Bilder nebeneinander
06/30/2013 - Main - 2 Replies
Hey hab mal ne frage.
Man sieht ja des öfteren in manchen Sigs das die Bilder so nebeneinander sind, bzw text und bild. Wie macht man sowas ?
Für die die nicht wissen was ich meine hier eine visuelle Darstellung was ich meine.
http://i.epvpimg.com/UN1Bd.png
€dit: So wie Eddy es hier hat im 2ten post.
http://www.elitepvpers.com/forum/main/2688666-wie -sah-elitepvpers-fr-her-aus.html
|
Aion und WOW auf V Server Windows nebeneinander
10/11/2010 - WoW Private Server - 8 Replies
Hallo,
Wir haben einen V-Server von Host-Europe mit Windows drauf und im moment läuft auf ihm ein Aion Emulator, jetzt wollten wir aber noch Novos WOW Emulator installieren, das hat auch geklappt Problem ist jetzt nur das der WOW-Server Aions Virtuelle Festplatte Z: verdrängt und die beiden ja über die Ip-Adresse vom Server laufen und sich gegenseitig überschreiben quasi die Registier Webseite.
Gibt es für beide Probleme eine Lösung? Oder muss ich eine 2 Ip Bestellen ?
LG Andoron
|
All times are GMT +1. The time now is 09:12.
|
|
