Hallo, ich möchte eine Seite erstellen die Zentriert ist, leider klappt es nicht, eben hatte es beinahe geklappt da hat es nur im IE funktioniert, im Opera und FF, gings nicht.
www.lissners.net/test.html
www.lissners.net/test.html
Zentrieren klappt nicht
- Ersteller topaa
- Erstellt am
- Status
P
Plankton
Guest
per CSS:
mfg Plankton
Code:
margin:auto;mfg Plankton
P
Plankton
Guest
Packe
zu. Das sollte klappen.
mfg Plankton
in einen Div mit der id "main". Und dann weise diesemlissners.net/test.html schrieb:
Code:
margin:auto;mfg Plankton
StarExplorer
Neues Mitglied
Hallo
ich stehe vor dem gleichem Problem.
Eingetragen habe ich dies:
.padbox_rahmen { width:auto; height:auto; margin:auto 0}
aber die Seite ist nicht zentriert.
MOD-Edit: Code Tags hinzugefügt. Nächstes mal dran denken. (Plankton)
ich stehe vor dem gleichem Problem.
Eingetragen habe ich dies:
HTML:
<!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">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<meta name="author" content="Christian Schiessl" />
<meta lang="de" name="keywords" content="Hobbyastronomie, Astrofotografie, Tipps und Tricks zur astronomischen Bildbearbeitung" <meta name="robots" content="all" <title>="<meta name="robots" content="all" <title>" xxx</title="xxx</title" />
<style type="text/css" media="screen"><!--
.padbcont_rahmen { width:1024px; height:768px ; }aber die Seite ist nicht zentriert.
MOD-Edit: Code Tags hinzugefügt. Nächstes mal dran denken. (Plankton)
sehr interessante seite: http://www.manuelbieh.de/www/blog/vertikal-zentrierte-seiten-mit-css
mit demo
mit demo
StarExplorer
Neues Mitglied
vielen Dank
wo soll ich diesen Code eintragen ?
unten nochmals mein kompletter Code.
Es geht sich ja hierbei um den Rahmen mit einer Größe von 1024*768 Pixeln:
wo soll ich diesen Code eintragen ?
HTML:
html, body {
height: 100%;
margin: 0;
padding: 0;
}
#abstand {
height: 50%;
width: 100px;
margin-bottom: -14em;
float: left;
}
#inhalt {
height: 28em;
clear: left;
}unten nochmals mein kompletter Code.
Es geht sich ja hierbei um den Rahmen mit einer Größe von 1024*768 Pixeln:
HTML:
<!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">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<meta name="generator" content="Adobe GoLive" />
<meta name="author" content="Christian Schiessl" />
<meta lang="de" name="keywords" content="Hobbyastronomie, Astrofotografie, Tipps und Tricks zur astronomischen Bildbearbeitung" <meta name="robots" content="all" <title>="<meta name="robots" content="all" <title>" xxx</title="xxx</title" />
<style type="text/css" media="screen"><!--
.padbcont_rahmen { width:1024px; height:768px ; }
.padbox_rahmen { width:auto; height:auto; }
.navboxcont_head { width: 100%; height:124px}
.navboxleft_head { width:500px; float:left; height:124px}
.navboxauto_head { margin-left:500px; width:auto; height:124px}
.navboxcont_nav { width: 100%; height:644px}
.navboxleft_nav { width:213px; float:left; height:644px}
.navboxauto_nav { margin-left:213px; width:auto; height:644px}
.padbcont_inhalt {width:100%; height:644px }
.padbox_inhalt {width:auto; height:auto; padding:1px}
...
<div class="padbcont_rahmen">
<!--agl:cssobject id="rahmen" type="Padded Box" /-->
<div class="padbox_rahmen"></div>- Status