mediengestalter.info
Datenschutzerklärung
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter
Aktuelles Datum und Uhrzeit: Do 18.04.2024 11:22 Benutzername: Passwort: Auto-Login

Thema: website ->Aufbau/Positionierung vom 15.10.2007


Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> website ->Aufbau/Positionierung
Autor Nachricht
Mr.T
Gesperrt
Threadersteller

Dabei seit: 23.08.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 15.10.2007 16:38
Titel

website ->Aufbau/Positionierung

 Antworten mit Zitat Zum Seitenanfang
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
  View user's profile Private Nachricht senden
Fido67
Account gelöscht


Ort: -

Verfasst Mo 15.10.2007 16:53
Titel

Antworten mit Zitat Zum Seitenanfang
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
Anzeige
Mr.T
Gesperrt
Threadersteller

Dabei seit: 23.08.2007
Ort: -
Alter: -
Geschlecht: Männlich
Verfasst Mo 15.10.2007 16:57
Titel

Antworten mit Zitat Zum Seitenanfang
Hi, danke ich habs so geändert aber es hat sich von der optik her noch nichs getan * Keine Ahnung... *

aber die weiße Linie ist schonmal weg danke * Applaus, Applaus *

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
  View user's profile Private Nachricht senden
Fido67
Account gelöscht


Ort: -

Verfasst Mo 15.10.2007 17:07
Titel

Antworten mit Zitat Zum Seitenanfang
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
Neues Thema eröffnen   Neue Antwort erstellen
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.

Mediengestalter.info ist ein Projekt von Webformatik :: Forensoftware: phpBB