Autor |
Nachricht |
Benutzer 117161
Account gelöscht Threadersteller
Ort: -
|
Verfasst So 25.11.2012 10:43
Titel (CSS) Zentrierter DIV Conti - Inhalt zentrieren = wie? |
|
|
Moin,
nach ewigen hin und her probieren hab ich endlich den DIV Conti da wo er hin soll, in die Mitte! Leider ist der Inhalt, wenn er über 500px groß wird nicht zentral sondern geht nach rechts.
CSS (Auszug)
Code: |
html {
width:100%;
height:99.6%;
padding:0;
margin:0;
background-image: url(../img/back_left.gif);
background-repeat:no-repeat;
background-position:left top;
overflow-x: hidden;
overflow-y: hidden;
}
body {
width:100%;
height:99.6%;
padding:0;
margin:0;
background-image: url(../img/back_right.gif);
background-repeat:no-repeat;
background-position:right top;
overflow-x: hidden;
overflow-y: hidden;
}
div.aussen{
width:500px;
position: absolute;
top:50%;
left:50%;
margin-top:-190px;
margin-left:-250px;
text-align:center;
}
div.innen{
??????????????????????
}
|
HTML
Code: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="shortcut icon" href="../../favicon.ico" type="image/x-icon" />
</head>
<body>
<div id="root">
<div id="head"><a href="index.html" class="logo"></a><a class="hpa"></a></div>
<div class="aussen">
<div class="innen">
(((Inhalt))))
</div>
</div>
<div id="minheight"></div>
<div id="footer">
<div class="h3"><a href="index.html">HOME</a></div>
<ul id="core">
<li><a href="about.html" class="about"></a></li>
<li><a href="galleria.html" class="galleria"></a></li>
<li><a href="#" class="service"></a></li>
<li><a href="#" class="contact"></a></li>
</ul>
<div>
<ul id="follow">
<li><a href="http://www.rss.com" class="sh4"></a></li>
<li><a href="http://www.twitter.com" class="sh3"></a></li>
<li><a href="http://www.facebook.com" class="sh2"></a></li>
<li><a href="http://www.google.com" class="sh1"></a></li>
</ul>
</div>
</div>
</body>
</html> |
Ich hab mich bemüht (ehrlich) im Netz und hier etwas zu finden das mir weiterhilft und ich hab viel probiert aber keine Lösung gefunden.
Kann mir jemand sagen wie der innen Conti auszusehen hat?
danke!
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst So 25.11.2012 11:53
Titel
|
|
|
Gib' mal "div zentrieren" oben rechts in die Suchleiste ein. Die Frage wird hier alle 2 Wochen gestellt.
Viel Erfolg!
|
|
|
|
|
Anzeige
|
|
|
Smooth-Graphics
Dabei seit: 22.05.2006
Ort: -
Alter: -
Geschlecht:
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst So 25.11.2012 12:45
Titel
|
|
|
...da wird aber vertikal nix zentriert
|
|
|
|
|
top
Moderator
Dabei seit: 25.11.2003
Ort: Hedwig Holzbein
Alter: 52
Geschlecht:
|
Verfasst So 25.11.2012 13:37
Titel
|
|
|
Du hast ja auch nicht von vertikal geschrieben.
Versuch es mal mit der Lösung von intensivstation.ch
|
|
|
|
|
Benutzer 117161
Account gelöscht Threadersteller
Ort: -
|
Verfasst So 25.11.2012 13:42
Titel
|
|
|
ChrisKam hat geschrieben: | Gib' mal "div zentrieren" oben rechts in die Suchleiste ein. Die Frage wird hier alle 2 Wochen gestellt.
Viel Erfolg! |
Ist schon vor dem Post passiert. Ich habe nichts gefunden was in meinem Fall funktioniert hat. Meine analytischen Fähigkeiten sind auch begrenzt muß ich sagen, ohne einem Beispiel häng ich in dem Fall in der Luft weil es mir immer die zentrierung vom aussen DIV verhaut wenn ich im innen DIV etwas daklariere. Float left, margin 0 auto und co... ...K.A.
|
|
|
|
|
ChrisKam
Dabei seit: 01.07.2009
Ort: Hattingen
Alter: 38
Geschlecht:
|
Verfasst So 25.11.2012 13:45
Titel
|
|
|
@top: Ups, stimmt
Das hatte ich aber in die Suchleiste eingegeben und ich denke, darauf wollte der TO auch hinaus, wenn ich mir seinen Code anschaue. Deine Lösung ist sicherlich die beste, wenn der Inhalt fest ist. Für variable Höhen gab es afair nur den display: table-cell Trick.
edit @TO: Hast Du tops Beispiel schon umgesetzt?
Zuletzt bearbeitet von ChrisKam am So 25.11.2012 13:48, insgesamt 2-mal bearbeitet
|
|
|
|
|
Benutzer 117161
Account gelöscht Threadersteller
Ort: -
|
Verfasst So 25.11.2012 13:54
Titel
|
|
|
ChrisKam hat geschrieben: | @top: Ups, stimmt
edit @TO: Hast Du tops Beispiel schon umgesetzt? |
Ja, also der Conti ist mittig, wenn du das meinst
Ich hab mal einen Screenshot gemacht. Dieser Slideshow ist 500px groß, wenn ich sie jetzt größer machen will dann wird sie nach rechts größer nicht zentral.
|
|
|
|
|
|
|
|
Ähnliche Themen |
inhalt zentrieren...
[html] inhalt in der mitte zentrieren / ausrichten
Weblayout in QuarkXPress - Inhalt auf der Seite zentrieren
zentrierter DIV-Container mit DIVs Abstandsproblem
Zentrierter div kann nicht größer als 50% werden Fehler
[CSS] Div zentrieren
|
|