Hogyan lehet ez megoldani?
A weboldalon a ball hasábnál a vonal mindig követi az üzenetekkel és ezt hogyan lehet megoldani?!! http://uzenofal.netii.net/
HTML:
<?php
session_start();
ob_start();
?>
<!DOCTYPE html>
<html>
<head>
<title>Üzenőfal</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" type="text/css" href="comments/css/stylesheet.css"/>
<link href="stylealap.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="favicon.ico">
<style type="text/css">
h1,h2,h3,h4,h5,h6 {
font-family: "Times New Roman";
color: #06b7fc;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="header"></div>
<div id="cssmenu">
<ul>
<li><a href='index.php'><span>Főoldal</span></a></li>
<li><a href="xx.php"><span>Oldal</span></a></li>
<li><a href='xx.php'><span>Oldal</span></a></li>
<li><a href='#'><span>Oldal</span></a></li>
<li><a href="xx.php"><span>Oldal</span></a></li>
<li><a href='xx.php'><span>Üzenőfal</span></a></li>
</ul>
</div>
<div id="leftcol">
<div id="elérhetőség">
<p>Elérhetőség</p>
</div>
<p></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
<div id="rightcol">
<p>
<?php
$cmtx_page_id = '1';
$cmtx_reference = 'Page One';
$cmtx_path = 'comments/';
define('IN_COMMENTICS', 'true'); //no need to edit this line
require $cmtx_path . 'includes/commentics.php'; //no need to edit this line
?>
</p>
<p> </p>
</div>
<div id="footer">Minden jog fenntartva 2012 xxxx</div>
</div>
</body>
</html>
css:
@charset "utf-8";
body {
margin: 0px;
padding: 0px;
background-image: url(picture/hatter.png);
color: #000;
height: auto;
width: auto;
background-attachment: fixed;
background-color: #FFF;
background-repeat: repeat;
}
#wrapper {
background-color: #FFF;
padding: 0px;
width: 980px;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
}
#wrapper #header {
background-repeat: no-repeat;
height: 180px;
background-image: url(picture/header.jpg);
}
#wrapper #footer {
text-align: center;
background-color: #06b7fc;
padding: 5px;
clear: left;
font-family: "Times New Roman";
color: #FFF;
font-style: normal;
font-variant: normal;
}
#wrapper #cssmenu ul {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 18px;
background-image: url(cssmenu/cssmenu/menu_assets/images/menu.png);
background-repeat: repeat-x;
background-position: left top;
display: block;
margin: 0px;
padding: 0px;
height: 35px;
width: auto;
border-top-width: 1px;
border-bottom-width: 1px;
border-top-style: solid;
border-bottom-style: solid;
border-top-color: #000;
border-bottom-color: #000;
list-style-type: none;
position: relative;
font-style: normal;
text-transform: none;
}
#wrapper #cssmenu ul li {
display: block;
margin: 0px;
padding: 0px;
float: left;
}
#wrapper #cssmenu ul li a {
color: #999;
text-decoration: none;
display: block;
float: left;
padding-top: 8px;
padding-right: 25px;
padding-bottom: 0px;
padding-left: 25px;
}
#wrapper #cssmenu ul li a:hover {
color: #FFF;
background-image: url(cssmenu/cssmenu/menu_assets/images/menu.png);
background-repeat: no-repeat;
background-position: 0px -30px;
height: 22px;
font-size: 18px;
}
#wrapper #cssmenu ul li.active a {
background-image: url(cssmenu/cssmenu/menu_assets/images/menu.png);
background-repeat: no-repeat;
background-position: 0px -30px;
display: inline;
margin: 0px;
float: left;
height: 22px;
}
#wrapper #cssmenu ul li a span {
font-weight: bold;
}
#wrapper #rightcol {
margin-left: 250px;
margin-right: 20px;
}
#wrapper #leftcol {
width: 250px;
float: left;
background-repeat: repeat-y;
background-position: 70px;
background-attachment: scroll;
background-image: url(jobbhatter.png);
}
#wrapper #leftcol #elérhetőség {
width: 235px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #88888;
padding-left: 5px;
}
#wrapper #leftcol #elérhetőség p strong {
font-size: 14px;
}
válasza:
válasza:Túlbonyolítod.
A bal oldali "oszlop" magassága csak odáig tart, ezért nem követi az üzeneteket. Ezt megnövelni macera, nem érdemes megoldani.
Helyette:
Töröld ki #wrapper #leftcol background-image tulajdonságát és állítsd be #wrapper #rightcol hátterének azt a képet. Hátteret background-positionnal bal oldalra helyezet, függőlegesen ismétled. Ha rálóg valami, akkor padding-left-et kell még állítani neki.
További kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!