zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > CSS
Seite neu laden blockelement zentrieren

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 19.02.2010, 20:03
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2010
Beiträge: 7
linlan befindet sich auf einem aufstrebenden Ast
Standard blockelement zentrieren

hallo




ich möchte das blaue element , egal in welcher auflösung,immer zentriert haben
so wie hier : Frank Stolle - Rechtsanwaltskanzlei


das ist mein css code bis jetzt
Zitat:
background: #C4FDCB;
margin: 20px auto;
width:900px;
height:800px;
kann mir jem einen wink geben ?
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 19.02.2010, 20:08
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

FAQ Punkt 5
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 19.02.2010, 21:53
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2010
Beiträge: 7
linlan befindet sich auf einem aufstrebenden Ast
Standard

versuche schon die ganze zeit den header sichtbar zu machen mit z-index etc und der ist nie zu sehen -Nur der blaue container ist sichtbar..

ausserdem möchte ich ,dass der header über die grenze des main containers kommt und das geht auch nicht

Zitat:
<link rel="stylesheet" type="text/css" href="template.css">
</head>
<body>


<div id="main">
<div id:"header">

</div>

<div id="left">
</div>
<div id="content">
</div>
<div id="footer">
</div>
</div>
</div>

</body>
</html>
Zitat:
body {
background:#AE0904;
padding-left:4%;
padding-right:4%;
padding-top:4%;
padding-bottom:4;
}
#main{
background: #C4FDCB;
margin: auto;
height:470px;
width:800px%;
}
#header {
background:#AEAEAE;
position:absolute;
left:450px; top:350px; width:300px; height:150px;
Mit Zitat antworten
  #4 (permalink)  
Alt 19.02.2010, 22:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2010
Beiträge: 7
linlan befindet sich auf einem aufstrebenden Ast
Standard

ok hab den dummen fehler gefunden
Mit Zitat antworten
  #5 (permalink)  
Alt 20.02.2010, 02:07
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2010
Beiträge: 7
linlan befindet sich auf einem aufstrebenden Ast
Standard

hallo

mit punkt 5 im faq lässt sich eine seite anscheinend nicht zentrieren bzw da gibt es keine anleitung nur eine fertige seite

wie soll ich denn das align usen ?
Mit Zitat antworten
  #6 (permalink)  
Alt 20.02.2010, 02:25
Neuer Benutzer
neuer user
 
Registriert seit: 24.03.2009
Beiträge: 15
Plumpy befindet sich auf einem aufstrebenden Ast
Standard

Hi,

im Punkt 5 wurde eine Beispiel Webseite genannt (Link) in der das realisiert wurde.

Das Vorgehen ist so ( verkürzt auf das wesentliche ). man hat zwei Div Elemente. Das eine hat eine Höhe von 50% und definiert nur den oberen Abstand. Danach wird mithilfe von margin-bottom die Box um so viele Pixel nach oben verschoben wie die darzustellende Box groß sein soll.
Eine Allgemeingültige Vertikale Zentrierung ist nur mit CSS und HTML nicht machbar, da muss man dann auf JavaScript zurückgreifen, aber wenn man die Größe der Box weis, dann geht es.
HTML-Code:
<style>
#abstand {
  position: relative;
  height: 50%;
  margin-bottom: /* -Größe der Box die Zentriert werden soll. */
}
</style>
...
<div id="abstand"><!-- Das ist der Abstand --></div>
<div id="content">
  <!-- Dein Content -->
</div>
Liebe Grüße
Mit Zitat antworten
  #7 (permalink)  
Alt 21.02.2010, 01:47
Michael Walter
XHTMLforum-Mitglied
 
Registriert seit: 16.02.2010
Ort: Berlin
Beiträge: 237
Walter IT-Services befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von linlan Beitrag anzeigen
ok hab den dummen fehler gefunden
Schön wäre es noch, wenn du den "dummen" Fehler hier hinschreibst.
Das ist immer nützlich für Leute, die den Thread über die Suchfunktion, Google oder ähnlichem gefunden haben.
Ein "Hat sich erledigt", "Problem gelöst", "Fehler gefunden/behoben" reicht meist nicht, um deine Lösung auf das eigene Problem zu übertragen
__________________
Walter IT-Services
Michael Walter

http://www.walter-it.de
http://blog.walter-it.de
Mit Zitat antworten
  #8 (permalink)  
Alt 21.02.2010, 16:30
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2010
Beiträge: 7
linlan befindet sich auf einem aufstrebenden Ast
Standard

ich hatte einfach ein simicolon vergessen und das wurde dann garnicht bearbeitet ...

ich habe jetzt aber ein anderes dummes problem

ich möchte den MAIN container hiden

visibility:hidden;

wird er aber nicht
HTML-Code:
<div id=raj> 
 <div id="main">
  <div id="content"></div>
 
  <div id="header"> header  </div>  
  <div id="left"> left</div>
  <div id="content">  </div>
  <div id="footer"> footer </div>
 </div>
</div>
Mit Zitat antworten
  #9 (permalink)  
Alt 21.02.2010, 16:34
Erfahrener Benutzer
XHTMLforum-Kenner
 
Registriert seit: 28.01.2005
Beiträge: 11.778
fricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz seinfricca kann auf vieles stolz sein
Standard

linlan, deine Codeschnipsel bringen nichts. Was sollen wir denn nur mit dem HTML-Schnipsel, wenn du doch über ein CSS-Problem reden willst?
Gib immer einen Link an. Und validier deinen Code. Dann findest du auch deine Tippfehler.
Lesestoff: http://xhtmlforum.de/40080-f-r-frage...twortende.html

Weitere Leseempfehlung: Teil 1 kostenlos online lesen - Little Boxes - Webseiten gestalten mit HTML und CSS
Glaub mir, du sparst viel Zeit, wenn du erstmal Zeit ins Lernen der Grundlagen investierst.
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 21.02.2010, 17:34
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.02.2010
Beiträge: 7
linlan befindet sich auf einem aufstrebenden Ast
Standard

der fehler bestand darin , dass dreamweaver anscheinend keine tags ließt die man einfügt ...
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
margin:0 auto; weiterer div-bereich zentrieren seeadler CSS 7 14.07.2008 22:00
Zentrieren bei position:fixed Alessia CSS 3 26.02.2008 15:33
H1 vertikal zentrieren in Blockelement vertex CSS 4 09.08.2006 13:34
Bild vertikal zentrieren in Blockelement in IE nur m. TABLE AndreasB CSS 11 13.03.2006 18:05
Container horiz. + vert. zentrieren, 2 eingeschlossene ab... Jessix CSS 4 10.07.2004 17:15


Alle Zeitangaben in WEZ +2. Es ist jetzt 08:05 Uhr.