Zum Inhalt springen

Impressum Subpart ganz unten

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

Tags: HTML & CSS, Frage

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