Logowanie
Rejestracja
Pomoc
Ale przejdę do konkretów; robię wpisy na mojej stronie i jest tam tabela z nimi. Wszystko jest ok itd., jednak ta tabela wystaje poza stronę i brzydko to wygląda. Próbowałem dać do ogólnego pojemnika div height:auto ale nic to nie dało. Strona ma się dostosować tak, żeby tabela skończyła się w miejscu, gdzie jest czerwona kreska, a pod tą kreską jeszcze kawałek wolnego miejsca i dopiero koniec elementu. Zdjęcie:
Kod HTML; pozmieniałem dane, ale struktura jest taka sama jak w oryginalnym pliku:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl"> <head> //zawartość head </head> <body> <center> <div id="page"> //element zawierający całą stronę //linki do podstron <div id="menu"> //menu </div> <div id="main"> //rozpoczęcie treści strony <div id="welcome"> //dane na temat użytkownika </div> <div id="newsbox"> //wpisy; trochę dane tutaj pozmieniałem, ale struktura jest taka jak w oryginalnym pliku <h1>Aktualności</h1> <form action="wpis.php" method="post"> <input type="hidden" name="wpis" value="TRUE" /> <p>Wpisz coś: <input type="textarea" name="tekst" size="50" /><input type="submit" value="Wyślij" /><br /> <span style="font-size: 12px;">Wskazówka: możesz używać <a href="effects.php">efektów tekstowych</a> i <a href="minki.php">minek</a>.</span></p> </form> <table border="0" cellspacing="12px;" width="530px" style="font-weight: bold;"> <tr> <td style="text-align: center; vertical-align: top;" nowrap="nowrap"><img src="obrazek.jpg" alt="" /><br /><span style="color: green;" class="bold">•</span> <a href="profile.php?id=Tester">Tester</a></td><td style="vertical-align: top; font-weight: normal;"><i>Kolejny</i> <u>test</u> <b>wpisów</b> <b><i><u>Computer Quizzer</u></i></b><img src="icon1.gif" alt="" /><br /><span style="color: grey; text-align: left;"><i>-16:22:27,<br />07.06.2011</i></span></td> </tr> <tr> <td style="text-align: center; vertical-align: top;" nowrap="nowrap"><img src="obrazek.jpg" alt="" /><br /><span style="color: green;" class="bold">•</span> <a href="profile.php?id=Tester">Tester</a></td><td style="vertical-align: top; font-weight: normal;"><i>Kolejny</i> <u>test</u> <b>wpisów</b> <b><i><u>Computer Quizzer</u></i></b><img src="icon1.gif" alt="" /><br /><span style="color: grey; text-align: left;"><i>-16:22:27,<br />07.06.2011</i></span></td> </tr> <tr> <td style="text-align: center; vertical-align: top;" nowrap="nowrap"><img src="obrazek.jpg" alt="" /><br /><span style="color: green;" class="bold">•</span> <a href="profile.php?id=Tester">Tester</a></td><td style="vertical-align: top; font-weight: normal;"><i>Kolejny</i> <u>test</u> <b>wpisów</b> <b><i><u>Computer Quizzer</u></i></b><img src="icon1.gif" alt="" /><br /><span style="color: grey; text-align: left;"><i>-16:22:27,<br />07.06.2011</i></span></td> </tr> <tr> <td style="text-align: center; vertical-align: top;" nowrap="nowrap"><img src="obrazek.jpg" alt="" /><br /><span style="color: green;" class="bold">•</span> <a href="profile.php?id=Tester">Tester</a></td><td style="vertical-align: top; font-weight: normal;"><i>Kolejny</i> <u>test</u> <b>wpisów</b> <b><i><u>Computer Quizzer</u></i></b><img src="icon1.gif" alt="" /><br /><span style="color: grey; text-align: left;"><i>-16:22:27,<br />07.06.2011</i></span></td> </tr> <tr> <td style="text-align: center; vertical-align: top;" nowrap="nowrap"><img src="obrazek.jpg" alt="" /><br /><span style="color: green;" class="bold">•</span> <a href="profile.php?id=Tester">Tester</a></td><td style="vertical-align: top; font-weight: normal;"><i>Kolejny</i> <u>test</u> <b>wpisów</b> <b><i><u>Computer Quizzer</u></i></b><img src="icon1.gif" alt="" /><br /><span style="color: grey; text-align: left;"><i>-16:22:27,<br />07.06.2011</i></span></td> </tr> <tr> <td style="text-align: center; vertical-align: top;" nowrap="nowrap"><img src="obrazek.jpg" alt="" /><br /><span style="color: green;" class="bold">•</span> <a href="profile.php?id=Tester">Tester</a></td><td style="vertical-align: top; font-weight: normal;"><i>Kolejny</i> <u>test</u> <b>wpisów</b> <b><i><u>Computer Quizzer</u></i></b><img src="icon1.gif" alt="" /><br /><span style="color: grey; text-align: left;"><i>-16:22:27,<br />07.06.2011</i></span></td> </tr> </table> <p style="text-align: right;"><a href="wpisy.php">Zobacz więcej wpisów -></a></p> </div> </div> </div> </center> </body> </html>
I kod CSS (tylko potrzebne fragmenty):
body {
background: #000000 url('tlostrony.jpg') repeat-x;
font-family: Tahoma, sans-serif;
position: relative;
margin: 0;
padding: 0 0 20px;
}
#page {
margin: 0 auto;
background: #E6E6E6;
padding-top: 110px;
padding-bottom: 15px;
width: 1000px;
min-height: 890px;
height: auto;
-webkit-radius: 0px 0px 15px 15px;
-moz-border-radius: 0px 0px 15px 15px;
-o-border-radius: 0px 0px 15px 15px;
border-radius: 0px 0px 15px 15px;
}
#main {
padding-left: 15px;
padding-right: 15px;
font-size: 19px;
}
#welcome {
position: absolute;
width: auto;
height: auto;
margin-left: 120px;
font-weight: bold;
}
#newsbox {
width: 550px;
height: auto;
float: right;
margin-right: 100px;
padding: 0;
font-weight: bold;
margin-top: 0px;
} Mam nadzieję, że uda się komuś rozwiązać ten problem
Jak coś źle wytłumaczyłem itp. to proszę pisać.
Cytuj
