Probowalem juz roznych rozwiazan znalezionych w sieci, ale zaden sposob nie rozwiazal mojego problemu. Najwyrazniej namieszalem cos wczesniej w css'ie i teraz ciezko mi znalezc co. :/
A mianowicie mam srodkowe menu o zmiennej dlugosci do ktorego jest wrzucany tekst i niestety nie potrafie poprawic tak kodu, aby stopka byla caly czas pod tym menu z niewielkim odstepem, niezaleznie od tego ile bedzie tekstu.
HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<META content="text/html; charset=utf-8" http-equiv=Content-Type> <META http-equiv=Content-Language content=pl> <META NAME="Author" CONTENT="Vlad"> <LINK href="style.css" rel=stylesheet type="text/css"> <link rel="icon" type="image/x-icon" href="grafika/p.jpg"> <link rel="shortcut icon" type="image/x-icon" href="grafika/p.jpg">
<div id="login">Witaj
<b>login.
</b> Jesteś teraz zalogowany
</div> <!-- Lewe menu -->
<div id="leftmenu-tittle"></div>
<!-- Prawe menu -->
<div id="sidebar-title"></div> <a href="index.php">Strona Główna
</a><br> <a href="index.php?pokaz=ipsum">Lorem Ipsum
</a><br> <a href="index.php?pokaz=upload">Upload
</a><br><a href="index.php?pokaz=listowanie_plikow">Pliki na serwerze
</a><br><a href="index.php?pokaz=phpinfo">PHP info
</a><br><a href="tel2/index.php">Książka telefoniczna
</a><br><a href="/zajecia/">Zajęcia PHP
</a><br><a href="index.php?pokaz=licznik_odwiedzin">Licznik odwiedzin
</a><br><br><form action="/index.php" method="post"><input type="hidden" name="wyloguj" value="true"><input type="submit" value="Wyloguj"> <br>
<!-- koniec prawego menu-->
<!--Centralna ramka, w ktorej wszystko sie wyswietla-->
<h1>Welcome. This is my Playground...
</h1> <p>This site was made only for testing the PHP language...
<br><br></p> <!--koniec centralnej ramki-->
Site created by Vlad. This site is valid with
<a href="http://validator.w3.org/check?uri=referer">HTML
</a> 4.0 and
<a href="http://jigsaw.w3.org/css-validator/check/referer">CSS
</a> 2.1
CSS
body
{
background:#331A0F;
color: white;
font: 90% Arial, sans-serif;
}
img
{
border: 0;
}
#logo
{
position: absolute;
margin: auto;
top: 25px;
left: 175px;
right: 175px;
width: 620px;
height: 160px;
background: url("grafika/playground_logo.jpg");
z-index: -1;
}
#login
{
position: absolute;
width: 250px;
height: 20px;
}
#wrapper
{
height: 100%;
position: relative;
padding-bottom:100px;
}
#footer
{
text-align: center;
width: 100%;
border-top: 1px dashed white;
border-bottom: 1px dashed white;
padding-top: 15px;
font-size: smaller;
position:absolute;
bottom: 0;
left: 0;
height: 30px;
}
#footer a,a:visited
{
font-weight:bold;
outline-style:none;
text-decoration:none;
background: transparent;
color: white;
}
#footer a:hover
{
font-weight:bold;
outline-style:none;
text-decoration:underline;
background: transparent;
color: white;
}
#footer p
{
display: inline;
padding-bottom: 10px;
}
#leftmenu
{
margin-top: 25px;
width:150px;
border:1px dashed white;
float:left;
background:#4A1B11;
text-align:center;
overflow: hidden;
}
#sidebarmenu
{
margin-top: 25px;
width:150px;
border:1px dashed white;
float:right;
background:#4A1B11;
text-align:center;
}
#main
{
position: absolute;
top: 203px;
left: 175px;
right: 175px;
border:1px dashed white;
padding:5px;
width: 620px;
margin: auto;
background:#4A1B11;
height: auto;
text-align: justify;
}
#sidebar-title
{
background: #40110F url("grafika/menu.jpg") 50% no-repeat;
width: 150px;
height: 24px;
text-align:center;
font-weight:bold;
}
#leftmenu-tittle
{
background: #40110F url("grafika/sidebar.jpg") 50% no-repeat;
border-top: 5px solid #40110F;
width: 150px;
height: 24px;
text-align:center;
font-weight:bold;
}
a,a:visited
{
font-weight:normal;
outline-style:none;
text-decoration:none;
color: white;
}
a:hover
{
background:white;
color: #4A1B11;
}
Aktualnie stopk jets caly czas w jednym miejscu i jezeli jest wiecej tekstu w divie main to nachodzi on na stopke. Z gory dzieki, za jakakolwiek pomoc.