Odpowiedz 
 
Ocena wątku:
  • 0 Głosów - 0 Średnio
  • 1
  • 2
  • 3
  • 4
  • 5
[CSS] Kolumna ucieka "w dół"
Autor Wiadomość
Kapo Offline
Junior Member
**

Liczba postów: 4
Dołączył: 04-02-2012
Reputacja: 0
Post: #1
[CSS] Kolumna ucieka "w dół"
Witam,
Zrobiłem sobie szablon na bloga, na codzień zajmuję się grafiką ale od czasu do czasu lubię coś sam stworzyć "posklejać". Szablon działał jak trzeba więc wprowadziłem kod na stronę, pododawałem w odpowiednie miejsca "komendy" ? nie wiem jak się to nazywa, tzn w znacznikach <> nazwy, pod którymi sa wyświetlane dane itp z zapisu. Chodzi mi aby kolumna była cały czas po lewej stronie u góry... najwidoczniej musiałem jakoś źle to umieścić...
Zamieszczam fragment kodu, już dalsza część tzn prawa kolumna wydaje mi się zbędna bo chyba nie w niej problem.
Link do bloga: http://kapo.bikestats.pl/
Kod:
<div id="content"><!--CONTENT START-->

     <$BlogKategoriaNaglowek$>
     <$BlogKategoriaPodsumowanie$>
     <BlogWpisy>

<div id="left_column">
<!--POST START-->
  <$BlogWpisOpcje$>
<div class="date_comments_wrap">
<div class="post_data ">
<div class="data"><$BlogWpisDatereg$></div>
</div>
</div>

<br><br><br><br>
<div class="post_title"><$BlogWpisTitle$></div>
<br>
<center>
<div class="bgdane">
<table border="0">
<tr>
<td><b><st2>Km:</b></st2> </td><td><st><$BlogWpisKm$></st></td><td><st2><b>Km teren:</b></st2></td><td> <st><$BlogWpisKmTeren$></st></td><td><st2><b>Czas:</b></st2></td><td> <st><$BlogWpisCzasHHMM$></st> </td><td><st2><b>Km/h</b></st2></td><td> <st><$BlogWpisPrSrednia$></st> </td>
</tr><tr>
<td><st2><b>Pr. maks.:</b></st2></td><td><st1><$BlogWpisSpdmax$></st1> </td><td><st2><b>Temperatura:</b></st2></td><td><st1><$BlogWpisTemp$></st1></td><td><st2><b>Podjazdy (m):</b></st2></td><td><st1><$BlogWpisUphill$></st1></td><td><st2><b>Kalorie:</b></st2></td><td><st1><span class="number"><$BlogWpisKcal$></span> kcal</st1></td>
</tr>
</table>
</div>
</center>
<div class="post_body">
<div class="post_text">
<p><$BlogWpisTresc$></p><br>

</div>
</div>

<div class="left">
<div class="post_category">
<ul class="post-categories">
    <li><$BlogWpisKategorie$></li></ul></div>
</div>
Rower:
<div class="post_rower">

<ul class="rower">
    <li><$BlogWpisBike$></li></ul>

</div>
<BlogKomentarzeWlaczone>
    <span id="post_kom"><a href="<$BlogWpisKomentarze$>"><div class="com"><$BlogWpisKomIlosc$></div></a> </span>
</BlogKomentarzeWlaczone>
<div class="post_divider"></div>


</div><!--POST END--></BlogWpisy>

<div class="komentarze">
     <BlogWpis>
<div id="komentarze">
     <div class="formComments">
     <BlogKomentarzeWlaczone>
      <br /><b>Komentarze</b><br />
     <BlogKomentarze>
      <div id="kom"><div class="comm<BlogKomentParzysty> bcomeven</BlogKomentParzysty>">
       <span class="auth"><$BlogKomentAutorLink$></span> | <span class="date"><$BlogKomentData$> | <a href="<$BlogKomentURL$>">linkuj</a><$BlogKomentKasuj$></span>
       <span class="cont"><$BlogKomentTresc$></span>
      </div></div>
     </BlogKomentarze>
     <$BlogKomentarzeNowyForm$>
     </BlogKomentarzeWlaczone>
     </div>
     </BlogWpis>
</div>

<div id="right_column"><!--SIDEBAR START-->
(Ten post był ostatnio modyfikowany: 04-02-2012 00:11 przez Kapo.)
04-02-2012 00:10
Znajdź wszystkie posty użytkownika Odpowiedz cytując ten post
Pedro84 Offline
Przyjaciel Forum
****

Liczba postów: 2,252
Dołączył: 03-04-2010
Reputacja: 40
Post: #2
RE: [CSS] Kolumna ucieka "w dół"
Zacząłbym od poprawienia tej ilości błędów...

ID nie powtarzamy, od tego są klasy... Spróbuj nadać prawej kolumnie float:left;, sprawdź szerokości kolumn wraz z paddingami i borderami.

Dobre samopoczucie w tym tygodniu sponsoruje cytat:
Cytat:Mogę tylko tylko na prawo i lewo ale na środek nie mogę.
04-02-2012 00:43
Znajdź wszystkie posty użytkownika Odpowiedz cytując ten post
Kapo Offline
Junior Member
**

Liczba postów: 4
Dołączył: 04-02-2012
Reputacja: 0
Post: #3
RE: [CSS] Kolumna ucieka "w dół"
Chciałem napisać, żeby po prawej stronie ta kolumna była a nie po lewej, pomyliłem się. szerokość jest ok, nawet więcej jest zostawione.
04-02-2012 05:18
Znajdź wszystkie posty użytkownika Odpowiedz cytując ten post
Kapo Offline
Junior Member
**

Liczba postów: 4
Dołączył: 04-02-2012
Reputacja: 0
Post: #4
RE: [CSS] Kolumna ucieka "w dół"
Błędy poprawiłem.
Znalazłem rozwiązanie ze stylem, ale nie do końca dobre bo przy różnej rozdzielczości bęzie inaczej kolumna położona, jakaś sugestia na zmiane lub inne rozwiązanie ?

Kod:
#right_column { width:210px; float:right;  position:absolute; right: 200px; top: 20%;}
12-02-2012 22:08
Znajdź wszystkie posty użytkownika Odpowiedz cytując ten post
age Offline
Junior Member
**

Liczba postów: 3
Dołączył: 08-01-2011
Reputacja: 0
Post: #5
RE: [CSS] Kolumna ucieka "w dół"
samo float: right nie wystarcza?

Tworzenie stron - webmaster Joomla
13-02-2012 00:25
Znajdź wszystkie posty użytkownika Odpowiedz cytując ten post
Kapo Offline
Junior Member
**

Liczba postów: 4
Dołączył: 04-02-2012
Reputacja: 0
Post: #6
RE: [CSS] Kolumna ucieka "w dół"
Gdyby wystarczało to bym tak zostawił. Gdy jest samo float:right; to robi się to co napisałem w temacie.
13-02-2012 01:18
Znajdź wszystkie posty użytkownika Odpowiedz cytując ten post
Odpowiedz 


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  lista "ucieka" z diva. dahel 1 116 26-11-2011 20:53
Ostatni post: Kartofelek
  stópka ucieka rafalg80 3 396 28-01-2011 01:36
Ostatni post: KondzioEtc

Skocz do:
Polecamy
SEO Hosting SEO Hosting Tworzenie sklepów
Sponsorzy forum


Opieka i sponsoring: Internet Wizard - profesjonalne projektowanie stron www
SEOLINE.PL to tani hosting pod każde zastosowanie. Hosting SEO najlepszy pod zaplecze!
Przyjaciele forum
Targi - Apartament Kołobrzeg - Koder xHTML/CSS - Darmowe Szablony Stron