Autor |
Nachricht |
Mr.T
Gesperrt Threadersteller
Dabei seit: 23.08.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 15.10.2007 16:38
Titel website ->Aufbau/Positionierung |
|
|
Hi ich habe ein Problem und zwar hab ich in der navi einen weißen streifen mittendrin den ich nicht wegbekomme und mein footer will auch nicht so recht an ie richtige stelle.
siehe hier
kann mir bitte einer meinen code korriegieren sodas ich die 2 Probleme nicht mehr hab?!
Hier der Code:
Zitat: | <!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>
<link type="text/css" href="3.css" rel="stylesheet" media="screen" />
<title>Thimos Seite</title>
<link rel="shortcut icon" href="http://monorom.com/favicon.ico" type="image/x-icon" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<style type="text/css">
/*<![CDATA[*/
body {
background-color: #000000;
font-size: 0.8em;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0;
margin:0;
}
a {color: #ffffff;}
a:visited {color:#ff0000;}
a:hover {color: #000000;}
a:active { color:#000000;}
h1 {
font-size: 2em;
font-weight: normal;
}
h2 {
font-size: 1.7em;
font-weight: normal;
}
img.download {vertical-align:middle;}
/* ----------container zentriert das layout-------------- */
#container {
width: 960px;
height:600px;
margin: 0 auto;
padding: 0;
background-color: #ffffff;
}
/* ----------banner for logo-------------- */
#banner {
margin: 0;
padding: 0;
height:113px;
background-image:url(schlichteristbesser2_01banner.gif);
}
#banner p{
margin-left: 15em;
padding: 10px;
}
#mainnavi {
margin: 0;
padding: 0;
background-color: #E0A3B7;
}
#mainnavi p{
margin-left: 15em;
padding: 0 10px;
}
/* -----------------Inhalt--------------------- */
#content {
min-height:600px;
background-color: #ffffff;
padding: 0;
margin: 0 15em;
}
p, pre {
padding: 10px;
margin:0;
}
pre, code { font-size: 1.2em;}
h1 {
padding: 10px;
margin:0;
}
h2 {
padding: 10px;
margin:0;
}
.gross {
width: 5.71em;
height: 1.07em;}
/* --------------left navigavtion------------- */
#left {
float: left;
width: 166px;
height:459px;
margin: 0;
padding:15px 0 0 0;
color:#ffffff;
background-image:url(schlichteristbesser2_02.gif);
}
#right {
float: right;
width: 39px;
height:459px;
margin: 0;
padding: 0;
color:#ffffff;
background-image:url(schlichteristbesser2_04.gif);
}
#left ul{
list-style-type: none ;
padding: 0 0 0 10px;
margin: 0;
}
#left ul.borderbottom{
border-bottom:1px solid #ffffff;
padding: 0 0 10px 10px;
}
#left li a {
font-size: 1.3em;
text-decoration:none;
}
#left li li a { font-size: 1em; }
#left li{
margin: 0;
padding: 0 0 4px 0;
}
#left li li{
margin: 0;
padding: 0 0 3px 0;
}
#left li a.selected {
margin: 0;
padding: 0 0 0 10px;
color:#ffffff;
}
#left li li a.selected {
margin: 0;
padding: 0;
}
/* -----------footer--------------------------- */
#footer {
background-image:url(schlichteristbesser2_05.gif);
width:960px;
height:28px;
}
</style>
<body>
<div id="container">
<div id="banner" ><p><a href=""><img src="" alt="" border="0" /></a></p>
</div><!-- end banner -->
<div id="left">
<ul class="borderbottom">
<li><a href="#">Test Menu</a></li>
<li><a href="#" class="selected"></a>
<ul>
<li><a href="#"></a></li>
<li><a href=""></a></li>
<li><a href="" class="selected"></a></li>
<li><a href=""></a></li>
</ul>
</li>
<li><a href="">Navi</a></li>
<li><a href=""></a></li>
</ul>
</div> <!-- end menu left -->
<div id="right">
</div> <!-- end menu right -->
<div id="content">
<h1></h1>
<h2></h2>
<p></p>
<h2></h2>
</div>
<div id="footer"></div>
</div>
</body>
</html>
|
mfg
|
|
|
|
|
Fido67
Account gelöscht
Ort: -
|
Verfasst Mo 15.10.2007 16:53
Titel
|
|
|
Hallo,
also mir ist schonmal aufgefallen, das du bei dem footer das floating nicht aufhebst, das muss so aussehen:
Code: | #footer {
clear:both;
background-image:url(schlichteristbesser2_05.gif);
width:960px;
height:28px;
} |
und die weisse Linie scheint von deiner Klasse "borderbottom" zu kommen.
Zuletzt bearbeitet von am Mo 15.10.2007 16:57, insgesamt 1-mal bearbeitet
|
|
|
|
|
Anzeige
|
|
|
Mr.T
Gesperrt Threadersteller
Dabei seit: 23.08.2007
Ort: -
Alter: -
Geschlecht:
|
Verfasst Mo 15.10.2007 16:57
Titel
|
|
|
Hi, danke ich habs so geändert aber es hat sich von der optik her noch nichs getan
aber die weiße Linie ist schonmal weg danke
Aber der footer ist immer noch nicht richtig positioniert...
mfg
Zuletzt bearbeitet von Mr.T am Mo 15.10.2007 16:59, insgesamt 1-mal bearbeitet
|
|
|
|
|
Fido67
Account gelöscht
Ort: -
|
Verfasst Mo 15.10.2007 17:07
Titel
|
|
|
Die Pixelangaben der Höhen passen alle irgendwie nicht zusammen, du musst den head und footer vom content abziehen, da du dem äusseren container eine Feste größe zugewiesen hast.
|
|
|
|
|
|
|
|
Ähnliche Themen |
Aufbau einer Website
Aufbau dieser Website...
Brauche einen Tipp für den Aufbau einer Website!
Aufbau von CSS
css - div positionierung
Div Positionierung
|
|