Hallo, ich bin neue und habe mir eine Website gemacht aber ich kann leider nicht das cotainer in mittle zu bringen besser gesagt ich will das es sich bei fester bsw. Monitor Größe anpasst hier unten finden sie dass CSS und HTML.
Code
body{
float: left;
background-color : #FF5F00;
color : #000000;
font-size: 12px;
font-family : Arial;
margin: 55px 0px 0px 0px;
padding: 10px;
background-repeat: no-repeat;
}
#container{
width: 1230px;
text-align: left;
position: absolute;
margin-left: -510px;
z-index: 0;
background-color: #000000;
margin-right: 100px;
left: 530px;
right: 450px;
margin-top: -39px;
}
#logo{
width: auto;
display: block;
left: 0px;
}
#navigation .current-menu-item > a,
body.tax-portfolio_cats #navigation .portfolio-page > a{
color: #fff;
background: #66c3bc url("http://xhtmlforum.de/images/bg-gradient.png") repeat-x;
margin-top: -1px;
height: 60px;
line-height: 60px;
}
#main{
width: auto;
display: inherit;
padding-top: 20px;
padding-left: 20px;
padding-bottom: 20px;
/* [disabled]margin-left: 10px; */
margin-top: 20px;
}
div.spacer{
clear:both;
height:0px;
display:block;
position: relative;
}
#footer{
width: 980px;
display: block;
padding: 5px;
font-size: 11px;
background-color: #000000;
position: absolute;
bottom: 1px;
left: 0px;
height: -10px;
margin-bottom: -11px;
}
td{
font-size: 15px;
}
a:link, a:visited, a:hover{
color : #000000;
font-weight : normal;
font-size: 12px;
text-decoration:underline;
}
a:hover{
right: 11px;
}
.bkgcolor {
background-color : #FFFFFF;
}
.footer {
background-color : #000000;
}
.footerfont {
color : #FFFFFF;
font-size: 12px;
}
a.footerlink:link, a.footerlink:visited ,a.footerlink:active, a.footerlink:hover {
text-decoration:none;
color: #FFFFFF;
font-size: 12px;
}
a.footerlink:hover {
text-decoration:underline;
}
a.maplink:link, a.maplink:visited, a.maplink:active, a.maplink:hover {
text-decoration:underline;
color: #000000;
font-size: 14px;
font-weight : bold;
}
a.maplink:hover {
color: #FFFFFF;
}
.hr1{
border: thin dotted #FFFFFF;
}
#main ul
{
overflow:auto;
padding:10px 10px 10px 22px;
margin:0px;
}
#main li
{
margin-left: 12px;
}
#Spalte1 {
width: 405px;
float:left;
}
#Spalte2 {
margin-left: 424px;
}
#column_left{
width: 140px;
margin-right: 0px;
float: left;
margin-left: -10px;
margin-top: 42px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#column_right{
margin-right: 5px;
overflow: hidden;
margin-left: 10px;
margin-bottom: -15px;
/* [disabled]right: 1px; */
}
#column_right2{
width:120px;
float:right;
margin-left:10px;
padding-left: 0px;
}
#column_left2{
margin-left:20px;
overflow:hidden;
}
a.menu, a:visited.menu, a:hover.menu {
background: #FF7523;
padding-left: 15px;
text-decoration: none;
display: block;
width: 108px;
min-height: 30px;
color: #000000;
margin-top: 1px;
FONT-SIZE: 15px;
FONT-FAMILY: Arial;
padding-top: 20px;
font-weight: 900;
margin-bottom: 1px;
vertical-align: middle;
text-align: center;
}
a:hover.menu {
background-repeat: no-repeat;
background-position: 3px 5px #377CB7;
background-color: #FF7523;
background-attachment: fixed;
margin-left: -10px;
text-align: center;
}
a.submenu, a:visited.submenu, a:hover.submenu {
background: url('dot2.gif') no-repeat 15px 5px #2F79B7;
padding-left: 24px;
text-decoration: none;
display: block;
width: 96px;
min-height: 15px;
color: #FFFFFF;
margin-top: 1px;
FONT-SIZE: 13px;
FONT-FAMILY: Arial;
padding-top: 1px;
font-weight: bold;
margin-bottom: 1px;
}
a:hover.submenu {
background: url('dot2.gif') no-repeat 15px 5px #2F6A9B;
}
Alles anzeigen
Und mein HTML :
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>
<title>Home</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8" />
<meta name="description" content="Home" />
<meta name="keywords" content="Home" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="author" content="Markus Schuster" />
<link href="layout.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="Bilder/favicon.ico" type="image/x-icon" />
<script type="text/javascript" src="https://apis.google.com/js/platform.js">
{lang: 'de'}
</script>
</head>
<body>
<div align="center" style="width=100%">
<div id="container">
<div id="logo"><a href="index.html"><img src="logo.jpg" alt="Home" title="Home" border="0" /></a></div>
<div id="main">
<div id="column_left"><br />
<a class="menu" href="index.html" style="background-color: #FF7523; margin-left: -10px; text-align: center;" >Home</a>
<a class="menu" href="events.html">Events</a>
<a class="menu" href="location.html">Location</a>
<a class="menu" href="team.html">Team</a>
<a class="menu" href="vermietung.html">Vermietung</a>
<a class="menu" href="gaestebuch.html">Gästebuch</a>
<a class="menu" href="kontakt.html">Kontakt</a>
</div>
<div id="column_right"><br />
<div style="font-size: 25px; color: #FFFFFF;" align="center">Home
</div>
<hr class="hr1" />
<br />
</div>
<div class="spacer"> </div>
<div align="center">
<BR />
<BR />
<BR /><BR />
</div>
</div>
<div id="footer">
<div align="center" class="footerfont">
<a class="footerlink" href="impressum.html">Impressum</a>
|<a class="footerlink" href="idaenschutz.html"> © Copyright Palleti </a>
</div>
</div>
</div>
</div>
<br />
</body>
</html>
Alles anzeigen
Ich bitte um schnelle Antwort bitte !
MfG Matin