Здравейте значи имам няколко панела единия е от лявата част а другите са по малки и стоя от дясната старана до тук добре всичко е еднакво под всички браузери обаче като добавя второ голям панел от лявата част дясната част с по малките панели се местат надолу ето вижте:
HTML (на панелите):
Извинявам се има и малко php sorry
Ето и целия цсс на целия сайт:
HTML (на панелите):
Код:
<div id="right_navigator">';
if(!$_SESSION['user_login']) {
echo '
<div id="login">
<div id="login_title"><span>Вход</span></div>
<div id="login_body">
<form method="post"><table><tbody>
<tr><td>Потребител:</td><td><input type="text" name="user" style="font-size: 11px; color: #999; height: 14px; width: 135px;" /></td></tr>
<tr><td>Парола:</td><td><input type="password" name="pass" style="font-size: 11px; color: #999; height: 14px; width: 135px;" /></td></tr>
<tr><td><div id="captcha_login">5782</div></td><td><input name="captcha" type="text" style="font-size: 11px; color: #999; width: 135px; height: 14px;" /></td></tr>
<tr><td><input type="submit" name="login" value="Влез" /></td><td><input type="reset" value="Изчисти" /></td></tr>
</tbody></table></form>
<div id="bottom_login"><a href="index.php?actions=register">Регистрация</a> | <a href="index.php?actions=lostpassword">Забравена парола</a></div>';
if(isset($_POST['login'])) {
$username = htmlspecialchars($_POST['user']);
$password = md5($_POST['pass']);
$cap = htmlspecialchars($_POST['captcha']);
$proverka = mysql_query("SELECT * FROM `users` WHERE `username` = '".$username."'");
$rowp = mysql_fetch_array($proverka);
if($username == NULL || $password == NULL) {
echo '<script> alert("Попълнете всички полета!"); </script>';
} else {
if($username != $rowp['username']) {
echo '<script> alert("Няма такъв потребител!"); </script>';
} else {
if($password != $rowp['password']) {
echo '<script> alert("Грешна парола!"); </script>';
} else {
if($cap != 5782) {
echo '<script> alert("Грешен код!"); </script>';
} else {
$_SESSION['user_login'] = $rowp['username'];
echo '<script> alert("Добре дошли '.$_SESSION['user_login'].'. Вие вече сте в профила си."); </script>';
refresh("");
}
}
}
}
}
} else {
echo '
<div id="login">
<div id="login_title"><span>'.$_SESSION['user_login'].'</span></div>
<div id="login_body">
<div id="login_user">
<ul>
<li><a href="index.php?actions=profille">Профил</a></li>
<li><a href="index.php?actions=add">Добави обява</a></li>
<li><a href="index.php?actions=my">Моите обяви</a></li>
<li><a href="index.php?actions=logout">Изход</a></li>
</ul>
</div>
';
}
echo '</div>
<div id="login_gradient"> </div>
</div>
<div id="bottom_adv_login">
<img src="http://prikachi.com/images/942/2521942Y.png" /></div>
<div id="friends">
<div id="friends_title"><span>Приятели</span></div>
<div id="friends_body">
<div id="left_links">
<table><tbody>
<tr><td class="ln"><a href="http://www.web-tourist.net/" target="_blan">web-tourist.net</a></td></tr>
<tr><td class="ln"><a href="http://www.data.bg/" target="_blan">data.bg</a></td></tr>
<tr><td class="ln"><a href="http://www.zamunda.net/" target="_blan">zamunda.net</a></td></tr>
<tr><td class="ln"><a href="http://www.prowow.org/" target="_blan">prowow.org</a></td></tr>
<tr><td class="ln"><a href="http://www.zamunda.net/" target="_blan">nau4i.me</a></td></tr>
</tbody></table>
<div id="view_friends"><a href="viewfriends.php">Вижте всички наши приятели</a></div>
</div>
</div>
<div id="friends_gradients"> </div>
</div>
<div id="facebook">
<iframe
src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2F333bg-Tvoa-sajt-za-obavi%2F156176757743609%3Fcreated%23%21%2Fpages%2F333bg-Tvoa-sajt-za-obavi%2F156176757743609%3Fref%3Dsgm&width=244&connections=6&stream=false&header=true&height=287"
scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:244px; height:287px;"
allowTransparency="true"></iframe>
</div>
</div>
<div id="clear"></div>
';Извинявам се има и малко php sorry
Ето и целия цсс на целия сайт:
Код:
html, body {background: #fff; font-size: 15px; font-family: Minion Pro; text-align: center; margin: 0 auto;}
img {border: none;}
#content_for_all {width: 980px; background: #fff; margin: 0 auto; text-align: center;}
#header_logo {background: url('../img/header_logo.gif') no-repeat; width: 226px; height: 99px; float: left;}
#ads_top {background: url('../img/ads/ads_top.jpg') no-repeat; width: 728px; height: 90px; margin-top: 5px; float: right;}
#top_reliz {height: 115px;}
#menu_top {background: #fbf5f5; border: 1px solid #a49f9f; width: 99%; text-align: left; padding-left: 7px; padding-top: 3px; padding-bottom: 3px;
margin-bottom: 15px;}
#menu_top a {text-decoration: none; font-size: 13pt; padding-right: 20px;}
#menu_top a:hover {text-decoration: underline;}
#rss {background: url('../img/rss.png') no-repeat; width: 18px; height: 19px; float: right; margin-top: 3px; margin-right: 5px;}
.nachalo_color {color: #4b8cb1;}
.obiavi_color {color: #7fa143;}
.news_color {color: #cdab23;}
.search_color {color: #b91919;}
.reklama_color {color: #822323;}
.kontakt_color {color: #42738f;}
.statistic_color {color: #4b7837;}
#left_navigator {float: left; text-align: left; font-family: Cooper Std;}
#cont_cats {width: 202px; height: 191px; background: #f1f1f1; border: 1px solid #999; float: left;}
#cont_title {background: url('../img/left_nav_title.png') repeat-x; width: 189px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #5f1717; font-weight: bold; font-size: 14px;}
#cont_body {padding-left: 7px; padding-top: 10px; color: #4f7a92;}
#cont_body a {color: #4f7a92; text-decoration: none;}
#cont_body a:hover {color: #4f7a92; text-decoration: underline;}
#cont_cats {width: 202px; height: 191px; background: #f1f1f1; border: 1px solid #999; margin-right: 40px;}
#cont_title {background: url('../img/left_nav_title.png') repeat-x; width: 189px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #5f1717; font-weight: bold;}
#cont_body {padding-left: 7px; padding-top: 10px; color: #4f7a92;}
#cont_body a {color: #4f7a92; text-decoration: none;}
#cont_body a:hover {color: #4f7a92; text-decoration: underline;}
#parvird {height: 200px;}
#vtoriqrd {height: 200px; max-width: 850px;}
#vtori_red {width: 202px; height: 191px; background: #f1f1f1; border: 1px solid #999; margin-top: 10px; float: left; margin-right: 40px;}
#vtori_red_title {background: url('../img/left_nav_title.png') repeat-x; width: 189px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #5f1717; font-weight: bold; font-size: 14px;}
#vtori_red_body {padding-left: 6px; padding-top: 10px;}
#vtori_red a {color: #4f7a92; text-decoration: none;}
#vtori_red a:hover {color: #4f7a92; text-decoration: underline;}
#right_navigator {text-align: left; float: right;}
#login_title {background: url('../img/top_title.gif') no-repeat; width: 244px; height: 22px; text-align: left;}
#login_title span {padding-left: 11px; font-size: 17px; color: #fff5f5;}
#login_body {background: #bee6fa; width: 227px; margin-left: 8px; padding-bottom: 2px; color: #5f5e60; padding-left: 2px; padding-top: 5px;
font-size: 13px; font-family: Arial;}
#clear {clear: both;}
#captcha_login {background: url('../img/captcha_back.png') no-repeat; width: 100%; height: 25px; margin-top: 5px; font-size: 20px; padding: 2px;
padding-left: 10px;}
#login_gradient {background: url('../img/footer_login.gif'); width: 229px; height: 27px; margin-left: 8px; margin-bottom: 20px;}
#bottom_adv_login {margin-left: 8px; margin-bottom: 20px;}
#friends_title {background: url('../img/top_title_friends.gif') no-repeat; width: 244px; height: 22px; text-align: left;}
#friends_title span {padding-left: 11px; font-size: 17px; color: #fff5f5;}
#friends_body {background: #ffc154; width: 224px; padding-bottom: 2px; margin-left: 8px; padding-left: 4px; padding-top: 5px; font-size: 13px;
font-family: Arial; color: #5f5e60; position: relative;}
#friends_gradients {background: url('../img/bottom_gradient_friends.png'); width: 228px; height: 27px; margin-left: 8px; margin-bottom: 20px;}
#view_friends a {color: #000; text-decoration: none;}
#view_friends a:hover {text-decoration: underline;}
.ln a {color: #525244; text-decoration: none;}
.ln a:hover {text-decoration: underline; color: #696857;}
#footer {margin-top: 50px; float: left; margin-bottom: 70px; background: #f5fff6; width: 100%; height: 29px; text-align: left;
border: 1px solid #978989; padding-left: 8px; padding-top: 12px; position: relative;}
#footer a {text-decoration: none; font-size: 17px; padding-right: 10px;}
#footer a:hover {text-decoration: underline;}
#bottom_login {text-align: center; margin-top: 10px;}
#bottom_login a {text-decoration: none; color: #000; font-size: 12px;}
#bottom_login a:hover {text-decoration: underline;}
#register {width: 695px; background: #f1f1f1; border: 1px solid #999; float: left; font-family: Cooper Std; text-align: left; padding-bottom: 20px;}
#register_title {background: url('../img/top_gradients.png') repeat-x; width: 680px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #313131; font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 25px;}
#register_body {padding-left: 8px;}
#captcha_reg {max-width: 185px; height: 45px; background: #fff; border: 1px solid #ccc; font-size: 25px; padding-left: 55px; padding-top: 7px;}
#captcha_reg img {margin-left: -7px;}
#lostpass {width: 695px; background: #f1f1f1; border: 1px solid #999; float: left; font-family: Cooper Std; text-align: left; padding-bottom: 20px;}
#lostpass_title {background: url('../img/top_gradients.png') repeat-x; width: 680px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #313131; font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 25px;}
#lostpass_body {padding-left: 8px;}
#login_user ul {margin-left: -21px; margin-top: 5px;}
#login_user li {padding-bottom: 7px;}
#login_user a {font-size: 13px; color: #305566;}
#login_user a:hover {text-decoration: none;}
#profille {width: 695px; background: #f1f1f1; border: 1px solid #999; float: left; font-family: Cooper Std; text-align: left; padding-bottom: 20px;}
#profille_title {background: url('../img/top_gradients.png') repeat-x; width: 680px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #313131; font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 25px;}
#profille_body {padding-left: 8px;}
#ads_bottom {margin-top: 50px; text-align: center;}
#com {width: 695px; background: #f1f1f1; border: 1px solid #999; float: left; font-family: Cooper Std; text-align: left;
margin-top: 25px;}
#com_title {background: url('../img/top_gradients.png') repeat-x; width: 680px; height: 25px; margin-top: 5px; margin-left: 5px;
padding-top: 3px; padding-left: 3px; color: #313131; font-weight: bold; font-size: 15px; text-align: center; margin-bottom: 25px;}
#com_body {padding-left: 8px;}
:?: