|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
[CSS] Problem z treścią w divie.
|
Liczba postów: 10
Liczba wątków: 2
Dołączył: 21-11-2009
Reputacja:
0
Witam!
Od niedawna zacząłem się bawić CSS'ami i powiem szczerze, że fajnie się tym tworzy stronkę. Niestety problemy, na które się natrafia w trakcie tworzenia są współmierne do efektu - na ogół oczywiście z niewiedzy.
Do rzeczy...
Stworzyłem stronkę opartą na CSS'ach.
Wszystko jest idealnie poza jednym problemikiem.
W układzie trójkolumnowym (lewy - menu, środkowy - treść, prawy - pasek informacyjny) w środkowy wpisuję treść.
Na mojej rozdzielczości wszystko ładnie działa, jednakże na innej zaczyna się sypać. Divy są w porządku, tylko treść nachodzi na stopkę, bądź "kurczy się" przez co wygląda nieestetycznie - w każdym razie nie tak jak zaplanowałem.
Czy jest możliwość zablokować treść, żeby nie zależnie od rozdzielczości, zawsze zajmowała to samo miejsce i nie była "ruchoma"? Szukałem po forach, ale ciężko jest sprecyzować ten problem w paru słowach.
Dzięki za pomoc.
Pozdrawiam Toman87.
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
Jak kodu jest mało to wklej go tu, jeśli więcej to wrzuć stronę na jakiś serwer i podaj link. Trudno coś poradzić w tej chwili.
Liczba postów: 10
Liczba wątków: 2
Dołączył: 21-11-2009
Reputacja:
0
Liczba postów: 682
Liczba wątków: 9
Dołączył: 03-03-2009
Reputacja:
18
Mi się nic nie sypie. Przykro mi.
Liczba postów: 29
Liczba wątków: 1
Dołączył: 29-12-2009
Reputacja:
0
07-01-2010, 04:59
(Ten post był ostatnio modyfikowany: 07-01-2010, 05:05 przez stachel94.)
W części znaki faktycznie tabelka wchodzi na stopkę. Spróbuj dopisać:
<br /><br /><br /><br />
Jest to rozwiązanie tymczasowe, ale nad innym pomyślę.
I daj jeszcze CSS.
Spróbuj (kopiowałem z źródła, więc są tu skrypty reklam, usuń przez wklejeniem.
Kod PHP: <!doctype html
PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1250">
<title>Wiedźmin (strona wykonana w ramach projektu)</title>
<link rel="stylesheet" type="text/css" href="../../style/layout.css">
<link rel="stylesheet" type="text/css" href="../../style/menu_poziome.css">
<link rel="stylesheet" type="text/css" href="../../style/menu_pionowe.css">
</head>
<body><!--]>--><noscript onclick="''"></noscript><script type="text/javascript" src="http://a.cba.pl/reklama1.js"></script>
<div id="zbiorczy"><div>
<div id="menu_poziome">
<ul>
<li><a href="http://www.wiedzmin87.cba.pl/">HOME</a></li>
<li><a href="http://www.wiedzmin87.cba.pl/">FORUM</a></li>
<li><a href="http://www.wiedzmin87.cba.pl/">GALERIA</a></li>
<li><a href="http://www.wiedzmin87.cba.pl/">PLIKI</a></li>
<li><a href="http://www.wiedzmin87.cba.pl/">AUTORZY</a></li>
<li><a href="http://www.wiedzmin87.cba.pl/">KONTAKT</a></li>
</ul></div>
<div id="menu_pionowe">
<ul>
<li><a href="http://www.onet.pl">Główne panele gry</a></li>
<li><a href="http://www.onet.pl">Rozwój postaci</a></li>
<li><a href="../../podstrony/informacje/style_walki.php">Style Walki</a></li>
<li><a href="../../podstrony/informacje/znaki.php">Znaki</a></li>
<li><a href="">Bohaterowie</a></li>
<ol>
<li><a href="http://www.onet.pl">+ Główni</a></li>
<li><a href="http://www.onet.pl">+ Poboczni</a></li>
</ol>
<br/>
<li><a href="">Bestiariusz</a></li>
<ol>
<li><a href="http://www.onet.pl">+ Pospolici przeciwnicy</a></li>
<li><a href="http://www.onet.pl">+ Pospolite potwory</a></li>
<li><a href="http://www.onet.pl">+ Unikatowe potwory</a></li>
<li><a href="http://www.onet.pl">+ Potężni przeciwnicy</a></li>
</ol>
<br/>
<li><a href="">Bronie</a></li>
<ol>
<li><a href="http://www.onet.pl">+ Zwykłe</a></li>
<li><a href="http://www.onet.pl">+ Srebrne</a></li>
<li><a href="http://www.onet.pl">+ Runy</a></li>
<li><a href="http://www.onet.pl">+ Meteoryty</a></li>
</ol>
<br/>
<li><a href="../../podstrony/informacje/alchemia.php">Alchemia</a></li>
<ol>
<li><a href="../../podstrony/informacje/alchemia_skladniki.php">+ Składniki</a></li>
<li><a href="http://www.onet.pl">+ Przedmioty</a></li>
<li><a href="http://www.onet.pl">+ Eliksiry</a></li>
<li><a href="http://www.onet.pl">+ Oleje</a></li>
<li><a href="http://www.onet.pl">+ Petardy</a></li>
</ol>
<br/>
<li><a href="http://www.onet.pl">Minigry</a></li>
<ol>
<li><a href="http://www.onet.pl">+ Kościany poker</a></li>
<li><a href="http://www.onet.pl">+ Walki na pięści</a></li>
<li><a href="http://www.onet.pl">+ Picie</a></li>
</ol>
<br/>
<li><a href="">Zadania</a></li>
<ol>
<li><a href="http://www.onet.pl">+ Prolog</a></li>
<li><a href="http://www.onet.pl">+ Rozdział I</a></li>
<li><a href="http://www.onet.pl">+ Rozdział II</a></li>
<li><a href="http://www.onet.pl">+ Rozdział III</a></li>
<li><a href="http://www.onet.pl">+ Rozdział IV</a></li>
<li><a href="http://www.onet.pl">+ Rozdział V</a></li>
<li><a href="http://www.onet.pl">+ Epilog</a></li>
</ol>
</div>
<div id="tresc">
<p id="akapit">Choć wiedźmini nie są magami bojowymi wykorzystującymi potężne czary, potrafią rzucać proste zaklęcia, które przy właściwym zastosowaniu mogą okazać się całkiem skuteczne. Wiedźmini nazywają te zaklęcia Znakami i zwykle używają ich przeciw potworom, lecz niektóre z nich mają również niebojowe zastosowania.</p>
<p id="akapit">Wiedźmini używają pięciu znaków. Mogą one być rozwijane jak każda cecha postaci.</p>
<table>
<tr><td><center><p id="tabela"><img src="../../grafiki/informacje/aard_off.png" name="rollover" border="0" onMouseOver='rollover.src="../../grafiki/informacje/aard_on.png"' onMouseOut='rollover.src="../../grafiki/informacje/aard_off.png"'></p></td><td><p id="akapit"></center><b>Znak Aard</b> - telekinetyczne uderzenie, odrzucające i powalające przeciwników. Idealny na przeciwników otaczających Geralta, może być także używany do niszczenia przeszkód i wykonywania innych męczących prac fizycznych.</p></td></tr>
</table>
<br/>
<table>
<tr><td><center><p id="tabela"><img src="../../grafiki/informacje/quen_off.png" name="rollover2" border="0" onMouseOver='rollover2.src="../../grafiki/informacje/quen_on.png"' onMouseOut='rollover2.src="../../grafiki/informacje/quen_off.png"'></p></td><td><p id="akapit"></center><b>Znak Quen</b> - ochronne pole otaczające Geralta dające mu czasową nietykalność. W walce Quen ułatwia spożywanie eliksirów i wykonywanie czynności niebojowych, osłaniając Geralta przed ciosami przeciwników. Wszelkie czynności ofensywne przerywają działanie Znaku.</p></td></tr>
</table>
<br/>
<table>
<tr><td><center><p id="tabela"><img src="../../grafiki/informacje/yrden_off.png" name="rollover3" border="0" onMouseOver='rollover3.src="../../grafiki/informacje/yrden_on.png"' onMouseOut='rollover3.src="../../grafiki/informacje/yrden_off.png"'></p></td><td><p id="akapit"></center><b>Znak Yrden</b> - magiczna pułapka rzucana na ziemię lub podłogę wywołująca u przeciwników różne efekty, takie jak Ból, Oślepienie, Zatrucie itp. Znak może zostać ulepszony, by wywoływał większą liczbę efektów u jednego przeciwnika lub miał większy zasięg działania przeciwko wielu celom.</p></td></tr>
</table>
<br/>
<table>
<tr><td><center><p id="tabela"><img src="../../grafiki/informacje/igni_off.png" name="rollover4" border="0" onMouseOver='rollover4.src="../../grafiki/informacje/igni_on.png"' onMouseOut='rollover4.src="../../grafiki/informacje/igni_off.png"'></p></td><td><p id="akapit"></center><b>Znak Igni</b> - po ulepszeniu ta pirokinetyczna fala może być używana do podpalania przeciwników. W podstawowej postaci jest skuteczną bronią na przeciwników podatnych na ogień, a także może być używana zamiast krzemienia do rozpalania ognisk.</p></td></tr>
</table>
<br/>
<table>
<tr><td><center><p id="tabela"><img src="../../grafiki/informacje/axii_off.png" name="rollover5" border="0" onMouseOver='rollover5.src="../../grafiki/informacje/axii_on.png"' onMouseOut='rollover5.src="../../grafiki/informacje/axii_off.png"'></p></td><td><p id="akapit"></center><b>Znak Axii</b> - psychiczna fala dająca Geraltowi kontrolę nad innymi. Może być używany jako urok do krótkotrwałego ogłuszenia lub wywołania paniki i strachu j u przeciwników. Po znacznym ulepszeniu może zauroczyć przeciwników tak skutecznie, że staną się oni czasowymi sprzymierzeńcami Geralta.</p></td></tr>
</table>
<center><b>Zestawienie ulepszeń wiedźmińskich znaków:</b></center>
<br/>
<center><table id="obr">
<tr id="obr"><td id="obr"><p id="tabela">Znak Aard</p></td><td><p id="tabela"><a href="../../grafiki/informacje/aard_rozwoj.jpg" target="_blank" height="448" width="804">Kliknij tutaj.</a></p></td></tr>
<tr id="obr"><td id="obr"><p id="tabela">Znak Quen</p></td><td><p id="tabela"><a href="../../grafiki/informacje/quen_rozwoj.jpg" target="_blank" height="448" width="804">Kliknij tutaj.</a></p></td></tr>
<tr id="obr"><td id="obr"><p id="tabela">Znak Yrden</p></td><td><p id="tabela"><a href="../../grafiki/informacje/yrden_rozwoj.jpg" target="_blank" height="448" width="804">Kliknij tutaj.</a></p></td></tr>
<tr id="obr"><td id="obr"><p id="tabela">Znak Igni</p></td><td><p id="tabela"><a href="../../grafiki/informacje/igni_rozwoj.jpg" target="_blank" height="448" width="804">Kliknij tutaj.</a></p></td></tr>
<tr id="obr"><td id="obr"><p id="tabela">Znak Axii</p></td><td><p id="tabela"><a href="../../grafiki/informacje/axii_rozwoj.jpg" target="_blank" height="448" width="804">Kliknij tutaj.</a></p></td></tr>
</table></center>
</div>
<div id="informacje">
<table>
<tr><td><b>OKŁADKA:</b></td></tr>
<tr><td><br><img src="../../grafiki/panel_boczny/cover.jpg" alt="Cover"></br></td></tr>
<tr><td><br><b>TYTUŁ:</b></br></td></tr>
<tr><td>Wiedźmin: Edycja rozszerzona (Platynowa Kolekcja)</td></tr>
<tr><td><br><b>POLSKA PREMIERA:</b></br></td></tr>
<tr><td>26 czerwca 2009</td></tr>
<tr><td><br><b>WYDAWCA (POLSKI):</b></br></td></tr>
<tr><td>CD Projekt</td></tr>
<tr><td><br><b>PRODUCENT:</b></br></td></tr>
<tr><td>CD Projekt RED</td></tr>
<tr><td><br><b>GATUNEK:</b></br></td></tr>
<tr><td>RPG / akcja / fantasy</td></tr>
<tr><td><br><b>KATEGORIA WIEKOWA:</b></br></td></tr>
<tr><td>od 18 lat</td></tr>
<tr><td><br><b>WERSJA JĘZYKOWA:</b></br></td></tr>
<tr><td>w całości po polsku</td></tr>
<tr><td><br><b>PLATFORMA:</b> PC</br></td></tr>
<tr><td><br><b>NOŚNIK I ILOŚĆ:</b></br></td></tr>
<tr><td>2 DVD</td></tr>
<tr><td><br><b>CENA:</b></br></td></tr>
<tr><td>69,99 zł</td></tr>
<tr><td><br><b>POPRZEDNIE WYDANIA:</br></b></td></tr>
<tr><td>+ Edycja premierowa</td></tr>
<tr><td>26 października 2007</td></tr>
<tr><td><br>+ Update</td></br></tr>
<tr><td>19 września 2008</td></tr>
<tr><td><br>+ Edycja rozszerzona</br></td></tr>
<tr><td>19 września 2008</td></tr>
</table></div>
</div></div>
<div id="stopka"></div>
</div>
<script type="text/javascript"></script><div style="text-align:center;font-size:11px" class="cbalink"><a href="http://www.cba.pl/" title="darmowy hosting">Darmowy Hosting</a> CBA.PL<br><br></div>
<!--]>--><noscript onclick="''"></noscript><script type="text/javascript" src="http://a.cba.pl/reklama2.js"></script>
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript"></script>
<script type="text/javascript">
_uacct = "UA-2289508-3";
urchinTracker();
</script>
</body>
</html>
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
Problem z treścią ogłoszenia w google PILNE. |
miniuu16 |
6 |
4,441 |
23-02-2012, 22:47
Ostatni post: urlsite
|
| |
[CSS] margin diva w divie |
tomekm |
2 |
2,990 |
16-01-2012, 23:52
Ostatni post: Kartofelek
|
| |
linki nie aktywne w divie z floatem |
th3rion |
9 |
6,962 |
31-03-2011, 18:52
Ostatni post: kmd
|
| |
Dwa iframe w jednym divie |
marekkkkk |
6 |
4,717 |
13-03-2011, 18:03
Ostatni post: marekkkkk
|
| |
div w divie |
_mlody_ |
23 |
14,493 |
23-10-2010, 20:02
Ostatni post: _mlody_
|
Użytkownicy przeglądający ten wątek:
|
|
|
Sponsorzy i przyjaciele
|
|
|
