mal wieder anpassung....

Fragen zur Implementierung und/oder Anpassung von ConPresso 4 werden in diesem Forum diskutiert.
silke
ConPresso-User
Beiträge: 50
Registriert: 20.06.2008 07:49
Hat sich bedankt: 1 Mal

Beitrag von silke »

werds mir zu herzen nehmen :lol:
im ie schauts ganz gut aus, aber mitm firefox ists wirklich bescheiden...
aber für heute reichts :lol:
silke
ConPresso-User
Beiträge: 50
Registriert: 20.06.2008 07:49
Hat sich bedankt: 1 Mal

nochmal ne frage

Beitrag von silke »

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
<!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" >&raquo;&nbsp;News&Berichte</a></td>
</tr>
<tr>
<td class="normal"><a href="Bericht schreiben.html" >&raquo;&nbsp;Bericht schreiben</a></td>
</tr>
<tr>
<td class="normal" ><a href="Forum.html" >&raquo;&nbsp;Forum</a></td>
</tr>
<tr>
<td class="normal" ><a href="Swim&Run.html" >&raquo;&nbsp;Swim&Run</a></td>
</tr>
<tr>
<td class="normal" ><a href="Bildergalerien.html" >&raquo;&nbsp;Bildergalerien</a></td>
</tr>
<tr>
<td class="normal" ><a href="Kinderseiten.html" >&raquo;&nbsp;Kinderseiten</a></td>
</tr>
<tr>
<td class="normal" ><a href="Impressum.html" >&raquo;&nbsp;Impressum</a></td>
</tr>
<tr>
<td class="normal" ><a href="Mitglieder.html" >&raquo;&nbsp;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" >&raquo;&nbsp;Aktuelles</a></td>
</tr>
<tr>
<td class="normal" ><a href="http://www.tsvek.de/index.php?option=co ... Itemid=488" >&raquo;&nbsp;Termine</a></td>
</tr>
<tr>
<td class="normal" ><a href="http://www.tsvek.de/index.php?option=co ... Itemid=271" >&raquo;&nbsp;Trainingszeiten</a></td>
</tr>
<tr>
<td class="normal" ><a href="http://karlsfelder-triathlon.de/Karlsfe ... ommen.html" >&raquo;&nbsp;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;">

der footer:

</div>








<div id="fussleiste">
.:&copy; 2008 - 2012, Silke Gimplinger - Triathlon Karlsfeld:.
</div>

</body>
</html>
die css:

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;}
schonmal ein riesen danke für die hilfe
Benutzeravatar
Mr. Magpie
ConPresso-Profi
Beiträge: 1004
Registriert: 01.01.1970 01:00
Wohnort: Wuppertal
Hat sich bedankt: 274 Mal
Danksagung erhalten: 59 Mal

Beitrag von Mr. Magpie »

Hallo Silke,

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
Benutzeravatar
MarkusR
Handbuchversteher
Beiträge: 7362
Registriert: 01.01.1970 01:00
Hat sich bedankt: 111 Mal
Danksagung erhalten: 934 Mal
Kontaktdaten:

Beitrag von MarkusR »

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... :oops:
Dateianhänge
tri.jpg
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
Benutzeravatar
Mr. Magpie
ConPresso-Profi
Beiträge: 1004
Registriert: 01.01.1970 01:00
Wohnort: Wuppertal
Hat sich bedankt: 274 Mal
Danksagung erhalten: 59 Mal

Beitrag von Mr. Magpie »

Code: Alles auswählen

<div style="width:650px; height:900px; overflow:scroll; border:0px solid #fff; margin:1em;">
Warum gibst du dem Inhalts-DIV eine feste Höhe?? Lass doch deine Seit nach unten wachsen, wenn der viele Inhalt es erfordert! Scrollbalken innerhalb eines zu scrollenden Browser-Fensterinhalts sind einfach grausam unergonomisch!

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"
Hier geht's irgendwie schon lange nicht mehr um Implementierung und Anpassung von ConPresso, sondern um CSS- und HTML- GRUNDLAGEN!
Günther Ludwig
Benutzeravatar
Mr. Magpie
ConPresso-Profi
Beiträge: 1004
Registriert: 01.01.1970 01:00
Wohnort: Wuppertal
Hat sich bedankt: 274 Mal
Danksagung erhalten: 59 Mal

Beitrag von Mr. Magpie »

Warum schließt Du
<div id="hauptinhalt">
nicht mehr?
Danke, Markus, hab' ich vor lauter grellgrünen Balken vorm Gesichte nicht gesehen.
Günther Ludwig
silke
ConPresso-User
Beiträge: 50
Registriert: 20.06.2008 07:49
Hat sich bedankt: 1 Mal

geschafft ;-)

Beitrag von silke »

danke für die vielen Infos - manchmal sind es dann doch die kleinigkeiten die mir als anfänger probleme bereiten.... :oops:
wegen der grellgrünen balken die in den augen schmerzen: Ihr müsstet erstmal unsere Trikots sehen :shock:
Benutzeravatar
Mr. Magpie
ConPresso-Profi
Beiträge: 1004
Registriert: 01.01.1970 01:00
Wohnort: Wuppertal
Hat sich bedankt: 274 Mal
Danksagung erhalten: 59 Mal

Beitrag von Mr. Magpie »

Ja, ich weiß schon: Triathleten sind leidensfähig :D
Günther Ludwig
Antworten