Zum Inhalt springen

Impressum Subpart ganz unten

Erstellt am 28. April 2006 · 12 Antworten · letzte Antwort am 28. April 2006

Tags: HTML & CSS, Frage

typo3src ·

Hallo ich habe ein Css-Styled Template und habe ja feste Bereiche definiert wie etwa "
#CONTENT
left: 58px;
width: 58px;
heigh: 52px;

nun möchte ich aber ein weiterer Subpart der immer ganz unten am Browser ist also wie etwa hier im Forum den

Impressum | Kontakt | TYPO3-Hosting | TYPO3-Schulungen

Kann mir da jemnad kurz ein Beispiel schreiben wie ich das realisieren kann?

Vielen Dank+++

gruß

just2b ·

###FOOTER###

und dann ganz normales menü rein... marks.FOOTER blabbla.. TMENU/GMENU, was immer du willst

lg georg

typo3src ·

ok vielen Dank

ich habe jetzt folgendes CSS gemacht

#footer {
clear:left;
margin-top:1em;
background:#efefef;
text-align:center;
padding:10px;
}

Problem er bringt den Balken in der Mitte der Seite nicht unten!

Kannst du mir weiterhelfen?

lg

just2b ·

nein, weder kenn ich dein layout, noch weiß ich genau welchen balken du meinst, noch kenn ich das restliche CSS.....

#angry# #paralyzed# #angry#
georg
ps: ... noch ist das ein css-forum 😉

typo3src ·

ja aber ich kan nmich ja icht in 1000 foren anmelden.

ich schreib hier mal meein css-template ist wahrscheinlich echt schwierig mit nir aber bin halt anfänger #angry#

css:
-----------------------------------------------------------------------------------
p {
margin: 0;
}

#footer {
clear:left;
margin-top:1em;
background:#efefef;
text-align:center;
padding:10px;
}

#content {
position: absolute;
top: 225px;
left: 333px;
width: 600px;
background: #158BC6;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
color: white;
}

#rootline {
position: absolute;
top: 1px;
left: 20px;
width: 450px;
height: 13px;
background: #158BC6;
font: normal 9px Verdana, Arial, Helvetica, sans-serif;
color: white;
text-decoration: none;
}

#rootline li {
color: white;
}

#rootline li a {
text-decoration: none;
color: white;
}

#rootline li a:hover {
color: white;
}

#head {
position: absolute;
top: 15px;
left: 20px;
width: 534px;
height: 117px;
background-image: url(img.gif);
}

#header-text {
position: relative;
top: 135px;
left: 285px;
width: 450px;
height: 12px;
background: #158BC6;
font: normal 15px Verdana, Arial, Helvetica, sans-serif;
}

#navi {
position: absolute;
left: 25px;
top: 170px;
background: #158BC6;
width: 800px;
height: 45px;
}

#navi ul {
margin: 0;
padding: 0;
}

#navi li {
float: left;
display: block;
color: white;
padding: 0 17px 0 0;
font: normal 17px Verdana,Arial,Helvetica,sans-serif;
}

#navi li a {
text-decoration: none;
color: white;
}

#navi li a:hover {
color: red;
}

#navi li.ACT a,
#navi li.CUR a {
font-size: 18 px;
color: red;
position: relative;
top: -4pxM
}

#topmenu {
position: absolute;
left: 42px;
bottom: 10px;
background: black;
float: left;
display: block;
color= #000000;
padding: 0 10px 0 0;
font: normal 14px Verdana, Arial, Helvetica, sans-serif;
}

#right {
position: absolute;
height: 250px;
top: 295px;
left: 21px;
width: 275px;
background: #158BC6;
}

#left {
position: absolute;
top: 220px;
left: 21px;^
width: 275px;
background: #158BC6;
}

#left ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#left li {
text-decoration: none;
font: normal 13 px Verdana, Arial, Helvetica, sans-serif;
padding: 5px 15px 5px 10px;
color: white;
}

#left li a {
text-decoration: none;
color: white;

}

#left li a:hover {
color: red;
}

#left li.ACT,
#left li.CUR {
font-size: 18 px;
position: relative;
top: -4pxM
}

body, html {
border: 0;
margin: 0;
width: 100%;
height: 100%;
background: #158BC6;
font: normal 100.01% Verdana, Arial, Helvetic, sans-serif;
color: white;
scrollbar-highlight-color: #158BC6;
}

H1 {
font-family : Verdana, sans-serif;
font-size : 16px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
H2 {
font-family : Verdana, sans-serif;
font-size : 15px;
color : white;
margin-bottom : 10px;
margin-top : 20px;
}
H3 {
font-family : Verdana, sans-serif;
font-size : 12px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
H4 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : white;
margin-bottom : 0px;
margin-top : 10px;
}
.subhead1 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : black;
}
.subhead2 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : green;
}
.subhead3 {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
}
.headerdate {
font-family : Verdana, sans-serif;
font-size : 10px;
color : red;
font-weight: normal;
}

li {
text-decoration: none;
color: white;
}
li a {
color: white;
}
li a:hover {
color: red;
}

strong {
text-decoration: none;
color: white;
}
A { color:white; }
A:hover { color:red; }
A:active { color:red; }

Hlft dir das weiter??

lg

just2b ·
typo3src schrieb

ja aber ich kan nmich ja icht in 1000 foren anmelden.

ich kann mich nicht in 1000 gebieten auskennen...

und das css hilft ohne das template genau NULL weiter... url gibts auch nicht?

typo3src ·

doch klar gibt es die url. www.spedition-flamm.de

das template
HTML:
----------------------------------------------------------------------------------
<!--###document###-->
<div id="all">
<div id="head">
</div>
<div id="content">
<!--###content###-->
hier kommt der content hin
<!--###content###-->
</div>
<div id="navi">
<!--###navi###-->
hier kommt die Navigation hin
<!--###navi###-->
</div>
<div id="right">
<!--###right###-->
hier kommt der rechte Inhalt hin
<!--###right###-->
</div>
<div id="rootline">
<!--###rootline###-->
hier kommt der rechte Inhalt hin
<!--###rootline###-->
</div>
<div id="header-text">
<!--###header-text###-->
hier kommt der rechte Inhalt hin
<!--###header-text###-->
</div>
<div id="left">
<!--###left###-->
hier kommt die link navigation hin!
<!--###left###-->
</div>

<div id="footer">
<!--###footer###-->
hier kommt der footer hin!
<!--###footer###-->
</div>

<!--###document###-->

Hoffe du kannst helfen :o