+- 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] Ramka border i wyrównanie div (/thread-css-ramka-border-i-wyrownanie-div)
[CSS] Ramka border i wyrównanie div - Bobinho - 03-07-2011
Witam!
Na stronie planuję, by elementy typu nagłówek, menu, zawartość etc. były w ramkach, (tj. wizualnych ramkach (border), a nie frameset ;P). Problem pojawia się, gdy chcę wewnątrz takiego bloku wyrównać inne grupy elementów. Tak w przykładzie: Chciałbym by nagłówek był z lewej, a tekst z prawej, w tej samej linii. Problem: text-align oczywiście nie robi tego co chcę (chcę wyrównać cały blok div, bez tekstu wewnątrz), przy użyciu float tekst wylatuje za ramkę. Kombinowałem z display:inline, right, left, ale nie mogę ogarnąć tego tak, by uzyskać żądany efekt. Nadto chciałbym, by strona była niezależna od rozdzielczości (tj. żeby tekst był wyrównany do prawej, a nie przesunięty od lewej o stałą odległość). Proszę o pomoc.
Kod:
<html>
<head>
<title>Test ramek na divach</title>
<style type="text/css">
<!--
div.ramka
{
/* klasa pomocnicza, wykorzystywana również przez inne "bloki" */
border:solid 1px;
}
#podblok
{
/* np. tutaj problem */
text-align:right;
}
-->
</style>
</head>
<body>
<div class="ramka">
<h1>To nagłówek w ramce głównej</h1>
<div id="podblok">
To już powinnno być gdzie indziej<br>
Druga linia
</div>
</div>
</body>
</html>