App installieren
How to install the app on iOS
Follow along with the video below to see how to install our site as a web app on your home screen.
Anmerkung: This feature may not be available in some browsers.
Du verwendest einen veralteten Browser. Es ist möglich, dass diese oder andere Websites nicht korrekt angezeigt werden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
Du solltest ein Upgrade durchführen oder ein alternativer Browser verwenden.
Webseite mittig anordnen
- Ersteller M
- Erstellt am
M
Grand Admiral Special
- Mitglied seit
- 22.03.2005
- Beiträge
- 11.095
- Renomée
- 537
- Standort
- P3d VIP Lounge
- Mein Laptop
- MacBook 12 Retina
- Prozessor
- Intel Core i3 3225 - 3.3Ghz 0.8V
- Mainboard
- Asrock B75 Pro3-M
- Kühlung
- Thermalright AXP-100
- Speicher
- 2x4GB Corsair Vengeance 1600Mhz
- Grafikprozessor
- Intel HD4000
- Display
- Dell 2407WFP A04; Sony KDL- 46 X 3500
- HDD
- Samsung 840 Series Basic
- Optisches Laufwerk
- Plextor PX 755A, PX 716A, PX 130A
- Soundkarte
- X-Fi Xtreme Audio
- Gehäuse
- Fractal Design Node 605
- Netzteil
- Enermax ErPro 80+ 350W
- Betriebssystem
- Win7 64bit, Mavericks
- Webbrowser
- Opera, Safari
Ich möchte eine HP mittig anordnen.
So soll es aussehen http://www.heise.de/
So nicht http://www.golem.de/
Hab es mal mit einem Centre Tag probiert, was aber dazu führte, dass alles in der Seite mittig war...auch Text, der eigentlich links/rechts angeordnet sein soll.
Danke im Voraus
So soll es aussehen http://www.heise.de/
So nicht http://www.golem.de/
Hab es mal mit einem Centre Tag probiert, was aber dazu führte, dass alles in der Seite mittig war...auch Text, der eigentlich links/rechts angeordnet sein soll.
Danke im Voraus
OBrian
Moderation MBDB, ,
- Mitglied seit
- 16.10.2000
- Beiträge
- 17.033
- Renomée
- 267
- Standort
- NRW
- Prozessor
- Phenom II X4 940 BE, C2-Stepping (undervolted)
- Mainboard
- Gigabyte GA-MA69G-S3H (BIOS F7)
- Kühlung
- Noctua NH-U12F
- Speicher
- 4 GB DDR2-800 ADATA/OCZ
- Grafikprozessor
- Radeon HD 5850
- Display
- NEC MultiSync 24WMGX³
- SSD
- Samsung 840 Evo 256 GB
- HDD
- WD Caviar Green 2 TB (WD20EARX)
- Optisches Laufwerk
- Samsung SH-S183L
- Soundkarte
- Creative X-Fi EM mit YouP-PAX-Treibern, Headset: Sennheiser PC350
- Gehäuse
- Coolermaster Stacker, 120mm-Lüfter ersetzt durch Scythe S-Flex, zusätzliche Staubfilter
- Netzteil
- BeQuiet 500W PCGH-Edition
- Betriebssystem
- Windows 7 x64
- Webbrowser
- Firefox
- Verschiedenes
- Tastatur: Zowie Celeritas Caseking-Mod (weiße Tasten)
Chris_Bear
Admiral Special
Eine Seite wie bei Heise zu zentrieren ist recht einfach:
CSS-Code:
Gruß, Chris
HTML:
<body>
<div id="Site">
...
</div>
</body>
Code:
body{
text-align: center; /* für IE6 */
}
div#Site {
text-align: left; /* 2. Teil der IE6-Version */
margin: auto; /* für standardkonforme Browser */
width: 800px; /* Hier bietet sich z.B. auch 90% als dynamische Breite an */
}
Gruß, Chris
Ebenson funktional:
css:
#wrapper
margin-left:auto;
margin-right:auto;
padding:0;
width:800px;
Du stuelpst quasi um deinen gesamten Inhalt eine Aussenhuelle und diese richtet sich dann an dem Browserfenster aus. Die Breite musst du folglich angeben (ob via festen Werten, oder via Prozentangabe ist hier Geschmackssache).
HTML:
<body>
<div id="wrapper">
</div>
</body>
css:
#wrapper
margin-left:auto;
margin-right:auto;
padding:0;
width:800px;
Du stuelpst quasi um deinen gesamten Inhalt eine Aussenhuelle und diese richtet sich dann an dem Browserfenster aus. Die Breite musst du folglich angeben (ob via festen Werten, oder via Prozentangabe ist hier Geschmackssache).
Chris_Bear
Admiral Special
Hmm, hast du mal die Lösung genau über deinem Beitrag angeschaut ? Die ist absolut identisch (OK, "Site" heißt bei dir "wrapper"), bis auf den Fakt dass dein Beispiel ohne weiteres Zutun (Doctype) nicht im IE6 funktioniert, weil dieser das margin: auto; einfach ignoriert.
Gruß Thomas!
Grand Admiral Special
- Mitglied seit
- 27.03.2008
- Beiträge
- 2.027
- Renomée
- 118
- Standort
- Bayreuth
- Aktuelle Projekte
- Virtual Prairie, Docking@Home
- Lieblingsprojekt
- QMC@Home, Virtual Prairie
- Meine Systeme
- FX8120
- BOINC-Statistiken
- Mein Laptop
- Thinkpad T495 / 40GB RAM
- Prozessor
- AMD Ryzen 9 3900X
- Mainboard
- Gigabyte X570 Aorus Pro
- Kühlung
- AMD Wraith Prism
- Speicher
- 48GB Corsair Vengeance LPX DDR4 3200MHz
- Grafikprozessor
- AMD RX480 8GB
- Gehäuse
- Lian Li PC-A05NB
- Betriebssystem
- Windows 10
- Webbrowser
- Google Chrome
- Verschiedenes
- http://www.sysprofile.de/id46649
- Schau Dir das System auf sysprofile.de an
Vergesst es war falsch xD
mfg
elite.bl4ze
mfg
elite.bl4ze
Zuletzt bearbeitet:
GreenTurtle
Cadet
- Mitglied seit
- 24.06.2009
- Beiträge
- 7
- Renomée
- 0
Also ich würde ja sagen, so falsch war das nicht! Bei mir sieht sowas immer in etwa so aus:
#global {
position: relative;
width: 750px;
margin: 0px auto;
}
...
<body>
<div id="global">
....
</div>
</body>
....
Vielleicht hilfts noch jemandem...
#global {
position: relative;
width: 750px;
margin: 0px auto;
}
...
<body>
<div id="global">
....
</div>
</body>
....
Vielleicht hilfts noch jemandem...
Hmm, hast du mal die Lösung genau über deinem Beitrag angeschaut ? Die ist absolut identisch (OK, "Site" heißt bei dir "wrapper"), bis auf den Fakt dass dein Beispiel ohne weiteres Zutun (Doctype) nicht im IE6 funktioniert, weil dieser das margin: auto; einfach ignoriert.
In meinem Halb IE6 funktionieren beide Versionen.
Wenn deine richtiger ist, verneige ich natuerlich mein Haupt vor dir.
s/wrapper/site, ok?
Ähnliche Themen
- Antworten
- 4
- Aufrufe
- 525
- Antworten
- 22
- Aufrufe
- 1K
- Antworten
- 0
- Aufrufe
- 371