HTML & CSS Frage; Designanpassung
ich habe ein Problem Leute
Ein Freund bat mich ihm bei einer Design Umsetzung zu helfen. Funktioniert eigentlich auch alles, nur soll das ganze Design Zentral dargestellt werden.Kommt mir nicht mit <center> , das weiß ich auch aber dann gibt es Probleme mit den Divs
Codes liegen bei
Vielen Dank
HTML INDEX
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="ltr" xmlns="http://www.w3.org/1999/xhtml">
<center><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<!-- #BeginEditable "doctitle" -->
<title>Restaurant Da Gianni</title>
<!-- #EndEditable -->
<link href="../MeineWebsite2/layout.css" media="screen" rel="stylesheet" title="CSS" type="text/css" />
<style type="text/css">
.style1 {
border-width: 0px;
}
.style2 {
text-align: center;
}
.style3 {
float: left;
width: 285px;
height: 1053px;
background-image: url('images/navi.gif');
text-align: left;
}
.style4 {
text-align: left;
}
</style>
</head>
<body style="margin-left: 15px">
<div id="container" align="center" class="style4" style="height: 1209px; z-index: 1; width: 1229px; position: absolute; top: 15px; left: 10px">
<!-- Begin Masthead -->
<div id="masthead" align="center" class="style2">
<img height="146" src="http://www.elitepvpers.com/forum/MeineWebsite2/head.gif" width="1000" style="float: left" /></div>
<div align="center" class="links">
</div>
<div align="center" class="style3">
I<br /><br /><br /><a href="default.html">
<img class="style1" height="36" src="http://www.elitepvpers.com/forum/images/W-Button.gif" width="129" /></a><br />
<a href="anfahrt.html">
<img height="32" src="http://www.elitepvpers.com/forum/images/A-Button.gif" width="129" class="style1" /></a><br />
<a href="gallery.html">
<img class="style1" height="33" src="http://www.elitepvpers.com/forum/images/G-Button.gif" width="129" /></a><br />
<a href="impressum.html">
<img height="30" src="http://www.elitepvpers.com/forum/images/I-Button.gif" width="129" class="style1" /></a></div>
</div id="container">
</center>
CSS Layout
Code:
body {
font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
font-size: 0.8em;
background-image:url('images/background.gif')}
background-repeat: repeat;
background-attachment: scroll;
}
#container {
width: 1000px;
margin: 0 auto;
padding: 10px;
border-right: 2px solid #725972;
border-bottom: 2px solid #725972;
border-left: 2px solid #725972;
background-color: #fff;
}
#masthead {
text-align: center;
width: 1000px;
background-image: url("../images/head.gif");
height:146px;
}
.links {
float:left;
width:715px;
height:1053px;
background-image:url('images/index_2.gif')
}
.rechts {
float:left;
width:285px;
height:1053px;
background-image:url('images/navi.gif')
}
.gallery {
float:left;
width:715px;
height:1053px;
background-image:url('images/Gallery.gif')
}
.impressum {
float:left;
width:715px;
height:1053px;
background-image:url('images/impressum.gif')
}
.anfahrt {
float:left;
width:715px;
height:1053px;
background-image:url('images/anfahrt.gif')
}
