+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: [CSS] Kolumna ucieka "w dół" (/thread-css-kolumna-ucieka-w-dol)
[CSS] Kolumna ucieka "w dół" - Kapo - 04-02-2012
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-->RE: [CSS] Kolumna ucieka "w dół" - Pedro84 - 04-02-2012
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.
RE: [CSS] Kolumna ucieka "w dół" - Kapo - 04-02-2012
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.
RE: [CSS] Kolumna ucieka "w dół" - Kapo - 12-02-2012
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%;}RE: [CSS] Kolumna ucieka "w dół" - age - 13-02-2012
samo float: right nie wystarcza?
RE: [CSS] Kolumna ucieka "w dół" - Kapo - 13-02-2012
Gdyby wystarczało to bym tak zostawił. Gdy jest samo float:right; to robi się to co napisałem w temacie.