mal wieder anpassung....
nochmal ne frage
so, ich mach mich jetzt mal an die feinheiten und habe nochmal eine frage:
ich habe in mein hauptinhaltsfeld nun einen scrollbar eingfügt, damit der textinhalt nicht über den rahmen hinhaus geht. dadurch das ich diese änderung eingefügt habe, wird nun die fussleiste zentriert mit einem abstand zum rest der seite angezeigt. ich hab schon versuch das in der css zu ändern, aber leider ohne erfolg. könnt ihr mir hier helfen, woran das liegen könnte?
ich poste hier gleich mal meinen header, den footer und die css.
header
ich habe in mein hauptinhaltsfeld nun einen scrollbar eingfügt, damit der textinhalt nicht über den rahmen hinhaus geht. dadurch das ich diese änderung eingefügt habe, wird nun die fussleiste zentriert mit einem abstand zum rest der seite angezeigt. ich hab schon versuch das in der css zu ändern, aber leider ohne erfolg. könnt ihr mir hier helfen, woran das liegen könnte?
ich poste hier gleich mal meinen header, den footer und die css.
header
der footer:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN!
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="de" xml:lang="de">
<head>
<meta http-equiv="Content Type" content="text/html"; charset=ISO-8859-1" />
<title>Karlsfelder Triathleten</title>
<link type="text/css" href="../_cfg/style.css" rel="stylesheet" />
</head>
<body>
<div id="kopfleiste">
</div>
<div id="navigation">
<table>
<tr> <td class="überschrift"> Get Active </td></tr>
<tr>
<td class="normal" ><a href="index.html" >» News&Berichte</a></td>
</tr>
<tr>
<td class="normal"><a href="Bericht schreiben.html" >» Bericht schreiben</a></td>
</tr>
<tr>
<td class="normal" ><a href="Forum.html" >» Forum</a></td>
</tr>
<tr>
<td class="normal" ><a href="Swim&Run.html" >» Swim&Run</a></td>
</tr>
<tr>
<td class="normal" ><a href="Bildergalerien.html" >» Bildergalerien</a></td>
</tr>
<tr>
<td class="normal" ><a href="Kinderseiten.html" >» Kinderseiten</a></td>
</tr>
<tr>
<td class="normal" ><a href="Impressum.html" >» Impressum</a></td>
</tr>
<tr>
<td class="normal" ><a href="Mitglieder.html" >» Mitglieder</a></td>
</tr>
<tr> <td class="überschrift"> TSV Seiten </td></tr>
</tr>
<tr>
<td class="normal" ><a href="http://www.tsvek.de/index.php?option=co ... Itemid=658" >» Aktuelles</a></td>
</tr>
<tr>
<td class="normal" ><a href="http://www.tsvek.de/index.php?option=co ... Itemid=488" >» Termine</a></td>
</tr>
<tr>
<td class="normal" ><a href="http://www.tsvek.de/index.php?option=co ... Itemid=271" >» Trainingszeiten</a></td>
</tr>
<tr>
<td class="normal" ><a href="http://karlsfelder-triathlon.de/Karlsfe ... ommen.html" >» Karlsfelder Triathlon</a> </td>
</tr>
</table>
</td>
</tr>
</table>
<br></br>
<br></br><br></br><br></br><br></br><br></br><br></br>
<div class="counter">
<table="breite">
<tr>
<td>
<!-- X-STAT START : CODE NICHT VERÄNDERN -->
<script language="JavaScript" type="text/javascript" src="http://www.x-stat.de/stat.php?id=slike"></script> <a href="http://x-stat.de" target="_blank"><font size="1">XStat-Homepage</font></a>
<!-- X-STAT ENDE : CODE NUR UNVERÄNDERT GÜLTIG -->
</td>
</tr>
</table>
</div>
</div>
<div id="hauptinhalt"><?php include('http://triathlon-karlsfeld.org/conpress ... ubric=News'); ?>
<?php include('http://triathlon-karlsfeld.org/conpress ... ubric=News'); ?>
<div id="inhaltsangabe">
</div>
<!-- hier soll dann der inhalt rein-->
<div style="width:650px; height:900px; overflow:scroll; border:0px solid #fff; margin:1em;">
die css:
</div>
<div id="fussleiste">
.:© 2008 - 2012, Silke Gimplinger - Triathlon Karlsfeld:.
</div>
</body>
</html>
schonmal ein riesen danke für die hilfe
body {
background-color: #efefef;
font-family: Verdana, Arial, Geneva, sans-serif;
font size: x-small;
color:#333333;
margin: 0px;
}
h1 {font-size: 110%;}
h2 {font-size: small;
font-style: bold;
text-align: left}
#kopfleiste,#hauptinhalt,#navigation {
font-family: Verdana,Arial, Geneva, sans-serif;
font-size: small;}
#kopfleiste,#hauptinhalt {
background-color: #ffffff;
}
#navigation {background-color: #ffffff; }
#kopfleiste {
heigth: 100px;
position: absolute;
width: 800px;
top: 20px;
left: 50px;
padding: 50px;
border-color: #00ff00;
border-width: 1px;
border-style: solid;
background-image: url(../_images/kopfneu.gif);
background-repeat: no-repeat;
}
#navigation {
position: absolute;
top: 137px;
left: 50px;
height: 1025px;
width: 200px;
border-color: #00ff00;
border-width: 1px;
border-style: solid;
table: 200px;
background-color:
padding-left:2px;}
#inhaltsangabe {
position: absolute;
width: 99%;
top: 0px;
left: 0px;
right: 0px;
height: 22px;
padding-top: 2px;
padding-left: 3px;
border-top: 2px solid #ffffff;
background-color:#00ff00;
font-size: 100%;
font-family: Verdana,Arial, Geneva, sans-serif;
text-align: right;
padding-right: 2px;
z-index: 99;}
#hauptinhalt {
position: absolute;
width: 640px;
top: 137px;
left: 250px;
height: 960px;
padding-top: 60px;
padding-left:20px;
padding-right: 40px;
border-color: #00ff00;
border-width: 1px;
border-style: solid;
z-index: 50;}
#fussleiste {
position: absolute;
width: 900px;
top: 1160px;
left: 50px;
height: 20px;
border-color: #333333;
border-width: 1px;
border-style: solid;
text-align: center;
font-size: 60%;
color: white;
background-color:#00ff00;
padding-top:3px;}
.normal {background-color: #ffffff;
border-bottom: solid 1px #efefef;
height: 22px;
width:200px;}
.überschrift {background-color: #00ff00;
height: 22px;
font-size: 110%;
width:200px
}
table {width:200px}
}
.counter {
position:absolute;
top: 900px;
left: 20px;
right: 20px;
}
.breite {left: 20px;
right: 20px;}
#navigation a {display: block;
background-color:#ffffff; color:#808080;
text-decoration:none;font-family:verdana,arial, sans-serif; font-size: 100%;width:198px;block-align: center;
padding-left: 0px; padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
}
#navigation a:visited{
background-color:#ffffff; color:#808080;
text-decoration:none;font-family:verdana, arial, sans-serif; font-size: 100%;width:200px;block-align: center;
padding-left: 0px; padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
}
#navigation a:active{
background-color:#d7ffd7; color:#808080;
text-decoration:none;font-family:verdana,arial, sans-serif; font-size: 100%;width:200px;;block-align: center;
padding-left: 0px; padding-bottom: 0px; padding-top: 0px;margin: 0px auto;
}
#navigation a:hover {
background-color:#eeeeee; color:#808080;
text-decoration:none;font-family:verdana,arial, sans-serif; font-size: 100%;width:200px;
padding-left: 4px; padding-bottom: 4px; padding-top: 4px;margin: 0px auto;
}
a:link.navigation: {color #bfbfbf;}
a:link.hauptinhalt:{color #bfbfbf;}
- Mr. Magpie
- ConPresso-Profi
- Beiträge: 1004
- Registriert: 01.01.1970 01:00
- Wohnort: Wuppertal
- Hat sich bedankt: 274 Mal
- Danksagung erhalten: 59 Mal
Hallo Silke,
die Fußleiste macht schlicht das, was du ihr sagst, dass sie tun soll:
die Fußleiste macht schlicht das, was du ihr sagst, dass sie tun soll:
Code: Alles auswählen
#fussleiste {
position: absolute;
width: 900px;
top: 1160px;
left: 50px;
height: 20px;
border-color: #333333;
border-width: 1px;
border-style: solid;
text-align: center;
Günther Ludwig
- MarkusR
- Handbuchversteher
- Beiträge: 7362
- Registriert: 01.01.1970 01:00
- Hat sich bedankt: 111 Mal
- Danksagung erhalten: 934 Mal
- Kontaktdaten:
Warum schließt Du
<div id="hauptinhalt">
nicht mehr?
Dessen 250px + 50px für die Fußzeile ist eben 300px Abstand von links.
Ein </div> vor dem Fußzeilen-DIV bringts in Ordnung.
edit: da habe ich doch glatt rechts und links verwechselt...
<div id="hauptinhalt">
nicht mehr?
Dessen 250px + 50px für die Fußzeile ist eben 300px Abstand von links.
Ein </div> vor dem Fußzeilen-DIV bringts in Ordnung.
edit: da habe ich doch glatt rechts und links verwechselt...
Zuletzt geändert von MarkusR am 23.06.2008 23:41, insgesamt 3-mal geändert.
Ciao Markus
ConPresso-Module
Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!
Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
ConPresso-Module
Kein Support per PN!!! Für Fragen und Diskussionen ist das Forum da!
Succi recentis officinalis
Hochwertige Kräutersäfte und -Öle
- Mr. Magpie
- ConPresso-Profi
- Beiträge: 1004
- Registriert: 01.01.1970 01:00
- Wohnort: Wuppertal
- Hat sich bedankt: 274 Mal
- Danksagung erhalten: 59 Mal
Code: Alles auswählen
<div style="width:650px; height:900px; overflow:scroll; border:0px solid #fff; margin:1em;">
Bring doch auch mal deine DOCTYPE-Definition in Ordnung!
Die erste Zeile sollte lauten:
Code: Alles auswählen
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
Günther Ludwig
- Mr. Magpie
- ConPresso-Profi
- Beiträge: 1004
- Registriert: 01.01.1970 01:00
- Wohnort: Wuppertal
- Hat sich bedankt: 274 Mal
- Danksagung erhalten: 59 Mal
geschafft ;-)
danke für die vielen Infos - manchmal sind es dann doch die kleinigkeiten die mir als anfänger probleme bereiten....
wegen der grellgrünen balken die in den augen schmerzen: Ihr müsstet erstmal unsere Trikots sehen
wegen der grellgrünen balken die in den augen schmerzen: Ihr müsstet erstmal unsere Trikots sehen
- Mr. Magpie
- ConPresso-Profi
- Beiträge: 1004
- Registriert: 01.01.1970 01:00
- Wohnort: Wuppertal
- Hat sich bedankt: 274 Mal
- Danksagung erhalten: 59 Mal