mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 02.12.2016 21:02 Benutzername: Passwort: Auto-Login

Thema: div-box mittig ausrichten vom 01.02.2006


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> div-box mittig ausrichten
Seite: 1, 2, 3  Weiter
Autor Nachricht
sarah7383
Threadersteller

Dabei seit: 08.04.2005
Ort: -
Alter: 33
Geschlecht: Weiblich
Verfasst Mi 01.02.2006 09:38
Titel

div-box mittig ausrichten

Antworten mit Zitat Zum Seitenanfang

hab gerade mit css angefangen und steh jetzt vor folgendem problem:

ich möchte meiner seite durch eine div-box eine bestimmte breite zuweisen und links und rechts jeweils noch einen schmalen streifen legen, so dass diese div-box immer mittig in meinem browserfenster steht. sieht folgendermaßen aus:

<body>
<div id="mitte"></div>
<div id="links"></div>
<div id="rechts"></div>


css:

body {background-color:#ffffff;position:absolute;margin-left:10px;margin-right:10px;}

#mitte {width:800px;height:600px;background-color:#ffcc33;}

#rechts {float:right;width:30px;background-color:#ffffff;}

#links {float:left;width:30px;background-color:#ffffff;}

kann mir jemand sagen, was ich falsch mache? kann den fehler nicht finden...


danke, sarah
  View user's profile Private Nachricht senden
cyanamide
Moderator

Dabei seit: 09.12.2002
Ort: Altkaiserreich Koblenz WW
Alter: 40
Geschlecht: Weiblich
Verfasst Mi 01.02.2006 09:46
Titel

Antworten mit Zitat Zum Seitenanfang

mal die suche benutzt? * Ööhm... ja? *
  View user's profile Private Nachricht senden
Anzeige
Anzeige
way2hot

Dabei seit: 14.03.2004
Ort: Jüchen-Gierath
Alter: 34
Geschlecht: Männlich
Verfasst Mi 01.02.2006 09:58
Titel

Antworten mit Zitat Zum Seitenanfang

cyanamide hat geschrieben:
mal die suche benutzt? * Ööhm... ja? *


Eine rhetorische Frage... muahaha
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
Mac

Dabei seit: 26.08.2005
Ort: Köln
Alter: 54
Geschlecht: Männlich
Verfasst Mi 01.02.2006 10:00
Titel

Antworten mit Zitat Zum Seitenanfang

heute wieder alle 'très charmant' ?
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
sarah7383
Threadersteller

Dabei seit: 08.04.2005
Ort: -
Alter: 33
Geschlecht: Weiblich
Verfasst Mi 01.02.2006 10:02
Titel

Antworten mit Zitat Zum Seitenanfang

wenn ich wüsste, wie dieses problem benannt ist, könnte ich dies auch durchaus tun, da habt ihr recht.....
  View user's profile Private Nachricht senden
cyanamide
Moderator

Dabei seit: 09.12.2002
Ort: Altkaiserreich Koblenz WW
Alter: 40
Geschlecht: Weiblich
Verfasst Mi 01.02.2006 10:08
Titel

Antworten mit Zitat Zum Seitenanfang

s. ähnliche themen, da wird ggf schon geholfen Lächel
  View user's profile Private Nachricht senden
mtk

Dabei seit: 29.11.2004
Ort: weit,weit weg
Alter: 30
Geschlecht: Männlich
Verfasst Mi 01.02.2006 10:39
Titel

Antworten mit Zitat Zum Seitenanfang

benutz für deine marginangaben prozente und keine pixel.
die größe definierst weiterhin mit pixeln.

da du drei div´s nebeneinander hast emphielt sich eigentlich der float-tag,

und du damit du im css-dschungel überlebst: http://de.selfhtml.org/css/index.htm

so,den rest musste selber machen, da bekommst du schneller das verständis wie sich was wie verhält. geht mir genauso, bin auch (relativer neueinsteiger) hab aber mit was etwas schwierigerem anfangen müssen und das war genau richtig!

mfg mtk * Ja, ja, ja... *
  View user's profile Private Nachricht senden
DevEdge

Dabei seit: 28.12.2005
Ort: Berlin
Alter: 42
Geschlecht: Männlich
Verfasst Fr 03.02.2006 09:36
Titel

Antworten mit Zitat Zum Seitenanfang

Um auch ältere Browser zu erreichen und deinen Content immer mittig zu bekommen, könntest du eine weitere Variante ausprobieren, somit sparst du dir deine Div#s für links und rechts.

#wrapper {
width:800px;
height:600px;
background:#fc3;
position:relative;
left:50%;
margin-left:-400px;
}

#main {
height:600px;
margin:0 30px;
background:#089;
}

<div id="wrapper">
<div id="main">lorem ipsum</div>
</div>

Für sämtliche feste Werte kannst du natürlich auch em oder % verwenden, was die ganze Sache noch etwas flexibler machen würde. Konnte dir hoffentlich etwas weiterhelfen, so fern die Suche nicht schon erfolgreich war ;o) Viel Spass, aber natürlich auch Erfolg mit CSS
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen in CSS mittig ausrichten
[html] Problem mit mittig ausrichten
[css] content mittig platzieren/ausrichten
[css] Layer horizontal und vertikal mittig ausrichten
Diesen CSS-Code noch mittig ausrichten?
[illu] text in textbox unten bzw. mittig ausrichten
Neues Thema eröffnen   Neue Antwort erstellen Seite: 1, 2, 3  Weiter
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.