Nicht mehr ganz neu hier
Hi,
ich stehe gerade im Wald und finde den "Fehler" nicht....
Habe eine Webseite und dort "hängt" alles links. Nun möchte ich die Seite eigentlich auf dem Bildschirm zentrieren, bekomm das in der CSS allerdings nicht hin.
Hier mal die CSS
Dachte eigentlich es reicht aus
aber dem ist nicht so..... *grumml*
Kann mir da jemand einen Tip geben? Vorsichtshalber hier noch die html
Danke und schönes WE
Nehme auch gerne andere "Vorlagen" ! Die Bezeichnungen sind nicht so aussagekräftig
ich stehe gerade im Wald und finde den "Fehler" nicht....
Habe eine Webseite und dort "hängt" alles links. Nun möchte ich die Seite eigentlich auf dem Bildschirm zentrieren, bekomm das in der CSS allerdings nicht hin.
Hier mal die CSS
Code:
/*------------------- CSS RESET ---------------------
---------------------------------------------------*/
* {
padding: 0;
margin: 0;
font-size: 100%;
font-weight: normal;
}
ul,
ol {
list-style: none;
}
b,
strong {
font-weight: bold;
}
img,
a img {
border: none;
}
/*------------------- SCHRIFT / GROESSE ---------------------
---------------------------------------------------*/
body {
margin-top: 20px;
margin-left: auto;
margin-right: auto;
margin-bottom: 0px;
padding:0px;
height:100%;
background-image:url(../images/logo.jpg);
background-attachment:fixed;
background-repeat:no-repeat;
background-position:160px 100% ;
background-color:#000;
font-size: 100%;
line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
}
h1{font-size: 17pt;line-height: 125%;
font-family: georgia,times,arial, helvetica, tahoma ,verdana, sans-serif;color:#A65E60;
margin-bottom:25px;margin-top:0px;
letter-spacing:1px;
font-style:italic;}
h2{font-size: 15pt;line-height: 125%;
font-family: georgia,times,arial, helvetica, tahoma ,verdana, sans-serif;color:#A65E60;
margin-bottom:20px;margin-top:0px;
font-style:italic;
/*------------------- LAYOUT ---------------------
---------------------------------------------------*/
}#aussen{height:100%;
min-height: 100%;
height: auto !important;
width: 90%;
max-width: 1200px;
min-width: 600px;
left: 50%;
}
#main {height:100%;
padding:20px 25px 20px 45px;
margin: 20px 70px 0px 300px;
vertical-align: baseline;
border: 1px solid #78324D;
background-image:url(../images/back.png)!important;
background-image:url(../images/back.jpg);
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);
color:#A65E60;
}
#main p {text-align:justify;color:#;margin: 0px; }
/* menue links*/
#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
font-size: 13pt;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#400000;
line-height:28px;
text-decoration:none ;
text-align:right;
width:200px;
}
#menu1 a:hover{
color:#fff;
text-decoration:none ;
background-image:url(../images/cube1.png)!important;
background-image:url(../images/cube1.gif);
}
/* scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #000000; scrollbar-base-color: #ffffff;
scrollbar-highlight-color : #000000; scrollbar-shadow-color : #ffffff;
SCROLLBAR-TRACK-COLOR: #e6e6e6;}
/* allgemeine links im text */
a:link, a:visited, a:active{ font-size: 100%;line-height: 125%;
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#A65E60;font-style:italic;
}
a:hover{
color:#fff;text-decoration:none ;
background-image:url(../images/cube1.png)!important;
background-image:url(../images/cube1.jpg)
}
#nav {background-image:url(../images/backmen.png)!important;
;background-image:url(../images/backmen.jpg);background-repeat:repeat;
height:75%;padding:0px 0px 0px 0px;
margin: 20px 0px 0px 0px;
vertical-align:middle;
width:200px;
border: 1px solid #800000;
position: absolute;
top: 0px;
left: 80px;
color:#fff;
_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
Dachte eigentlich es reicht aus
Code:
}#aussen{height:100%;
min-height: 100%;
height: auto !important;
width: 90%;
max-width: 1200px;
min-width: 600px;
[COLOR=red]left: 50%;[/COLOR] <-- hinzugefügt....
aber dem ist nicht so..... *grumml*
Kann mir da jemand einen Tip geben? Vorsichtshalber hier noch die html
HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type"
content="text/html; charset=iso-8859-1">
<meta name="robots" content="INDEX,FOLLOW">
<meta name="keywords"
content="homepage,dokument,webpage,page,web,netz,homepage dokument webpage page web netz">
<meta name="description"
content="homepage, dokument, webpage, page, web, netz" >
<title>homepage, dokument, webpage, page, web, netz, homepage dokument webpage page web netz</title>
<link rel="stylesheet" href="css/format.css" type="text/css">
</head>
<body >
<div id="aussen">
<div id="nav" >
<table align="center" id="menu1" border="0" cellpadding="0" cellspacing="0" >
<tr>
<td >
<a href="index.html" onfocus="this.blur()">Home </a></td>
</tr>
<tr>
<td >
<a href="index.html" onfocus="this.blur()">Über Uns </a></td>
</tr>
<tr>
<td >
<a href="index.html" onfocus="this.blur()">News </a></td>
</tr>
<tr>
<tr>
<td >
<a href="index.html" onfocus="this.blur()">Kontakt </a></td>
</tr>
<tr>
<td >
<a href="index.html" onfocus="this.blur()">Banner</a></td>
</tr>
<tr>
<td >
<a href="index.html" onfocus="this.blur()">Links</a></td>
</tr>
<tr>
<td >
<a href="index.html" onfocus="this.blur()">Forum </a></td>
</tr><tr>
<td >
<a href="index.html" onfocus="this.blur()">Gästebuch </a></td>
</tr>
<tr>
<td >
<a href="index.html" onfocus="this.blur()">Impressum </a></td>
</tr>
</table>
<img style="background-image:url(images/back.png)!important;background-image:url(images/cube1.gif);background-repeat:repeat;_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);margin-right:10px;border:solid 1px #400000" align="right" src="http://www.psd-tutorials.de/forum/images/pixelspace.gif" width="40" height="40" border="0" alt=""><br>
<img style="background-image:url(images/cube2.png)!important;background-image:url(images/cube2.gif);background-repeat:repeat;_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);margin-right:10px;border:solid 1px #400000" align="right" src="http://www.psd-tutorials.de/forum/images/pixelspace.gif" width="30" height="30" border="1" alt=""><br>
<img style="background-image:url(images/cube3.png)!important;background-image:url(images/cube3.gif);background-repeat:repeat;_filter: progid:DXImageTransform.Microsoft.Alpha(opacity=80);margin-right:10px;border:solid 1px #400000" align="right" src="http://www.psd-tutorials.de/forum/images/pixelspace.gif" width="20" height="20" border="0" alt="">
</div>
<div id="main" >
<!-- inhalt-->
<p style="margin-top: 0; margin-bottom: 0;"> </p>
<div >
<h1>Herzlich willkommen auf der Webseite</h1>
<h1> von </h1>
<h1>KnuddlWoelkchen<br>
</h1>
<h2>Das Layout. </h2>
<p style="margin-bottom: 0;" > lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;" >lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;" >lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p>lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;" >lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;" >lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p>lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0;" >lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-bottom: 0;" >lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
<p style="margin-top: 0; margin-bottom: 0;">lirumlarum lirumlarum<a href="#" ></a> lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum lirumlarum</p>
</div>
</div>
</div></body>
</html>
Danke und schönes WE
Nehme auch gerne andere "Vorlagen" ! Die Bezeichnungen sind nicht so aussagekräftig
Zuletzt bearbeitet: