Mam taki kod CSS:
Kod
html, body {
background-color: #b5b5b5;
}
#x {
width: 850px;
border: 1px solid #999999;
}
#logo {
width: 850px;
height: 180px;
background-image: url('img/logo.png');
}
#menu2 {
width: 180px;
height: auto;
text-align: right;
float: left;
border: 1px solid #a8a8a8;
background-color: #f0f0f0;
}
#tresc2 {
width: 500px;
height: auto;
text-align: left;
float: right;
border: 1px solid #a8a8a8;
background-color: #f0f0f0;
}
#menu {
width: 850px;
height: 30px;
text-align: right;
font-size: 13px;
background-image: url('img/menu.png');
}
#menu a:link, #top_menu a:visited {
color: #ffffff;
text-decoration: none;
}
#menu a:hover {
color: #ddf632;
font-weight: bold;
}
#tresc {
width: 850px;
height: auto;
background-color: #fff;
}
background-color: #b5b5b5;
}
#x {
width: 850px;
border: 1px solid #999999;
}
#logo {
width: 850px;
height: 180px;
background-image: url('img/logo.png');
}
#menu2 {
width: 180px;
height: auto;
text-align: right;
float: left;
border: 1px solid #a8a8a8;
background-color: #f0f0f0;
}
#tresc2 {
width: 500px;
height: auto;
text-align: left;
float: right;
border: 1px solid #a8a8a8;
background-color: #f0f0f0;
}
#menu {
width: 850px;
height: 30px;
text-align: right;
font-size: 13px;
background-image: url('img/menu.png');
}
#menu a:link, #top_menu a:visited {
color: #ffffff;
text-decoration: none;
}
#menu a:hover {
color: #ddf632;
font-weight: bold;
}
#tresc {
width: 850px;
height: auto;
background-color: #fff;
}
i index.php
Kod
<!DOCTYPE html
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Strona Główna - San Fierro DeathMatch</title>
</head><body><center><div id="x">
<div id="logo"></div>
<div id="menu"><br>
<a href="index.php">Strona Głowna</a> <font color="fff">|</font> <a
href="forum/index.php">Forum</a> <font color="fff">|</font> <a
href="vip.php">Zostań VIP'em</a>
</div>
<div id="tresc"><br><div id="tresc2">
<?php
// rozpoczęcie buforowania (jest to potrzebne by nie mieć błędów typu headers already sent)
ob_start();
// połączenie z mysql
mysql_connect('mysql1.yoyo.pl', 'db838797', 'radioactive112')
or die('Nieudane polaczenie z baza danych...');
// wybór bazy danych
mysql_select_db('db838797')
or die('Nie udalo sie wybrac bazy danych...');
// przerabiamy dane z GETa na liczbę (zabezpieczenie)
$id = (int)$_GET['id'];
// tworzymy zapytanie na kategorię, żeby wydobyć z niej nazwę
$result = mysql_query("SELECT * FROM articles_categories WHERE id='$id'");
// przerabiamy na tablicę
$row = mysql_fetch_array($result);
// i wyświetlamy nagłówek
echo '<h2>'.stripslashes($row['tytul']).'</h2>';
// tworzymy zapytanie na artykuły z tej kategorii
$result = mysql_query("SELECT * FROM articles WHERE id_cat='$id' ORDER BY tytul ASC");
// i je wyświetlamy
while($row = mysql_fetch_array($result))
{
echo '<a href="art.php?id='.$row['id'].'"><b>'.stripslashes($row['tytul']).'</b></a> ('.date("d.m.Y,
H:i", $row['data']).')<br />';
echo stripslashes($row['opis']).'<br /><br />';
}
// rozłączenie z bazą danych
mysql_close();
// koniec buforowania
ob_end_flush();
?>
</div>
<div id="menu2">
blabla<br>sasa<br>
</div>
</div>
</div></center></body></html>
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-2">
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Strona Główna - San Fierro DeathMatch</title>
</head><body><center><div id="x">
<div id="logo"></div>
<div id="menu"><br>
<a href="index.php">Strona Głowna</a> <font color="fff">|</font> <a
href="forum/index.php">Forum</a> <font color="fff">|</font> <a
href="vip.php">Zostań VIP'em</a>
</div>
<div id="tresc"><br><div id="tresc2">
<?php
// rozpoczęcie buforowania (jest to potrzebne by nie mieć błędów typu headers already sent)
ob_start();
// połączenie z mysql
mysql_connect('mysql1.yoyo.pl', 'db838797', 'radioactive112')
or die('Nieudane polaczenie z baza danych...');
// wybór bazy danych
mysql_select_db('db838797')
or die('Nie udalo sie wybrac bazy danych...');
// przerabiamy dane z GETa na liczbę (zabezpieczenie)
$id = (int)$_GET['id'];
// tworzymy zapytanie na kategorię, żeby wydobyć z niej nazwę
$result = mysql_query("SELECT * FROM articles_categories WHERE id='$id'");
// przerabiamy na tablicę
$row = mysql_fetch_array($result);
// i wyświetlamy nagłówek
echo '<h2>'.stripslashes($row['tytul']).'</h2>';
// tworzymy zapytanie na artykuły z tej kategorii
$result = mysql_query("SELECT * FROM articles WHERE id_cat='$id' ORDER BY tytul ASC");
// i je wyświetlamy
while($row = mysql_fetch_array($result))
{
echo '<a href="art.php?id='.$row['id'].'"><b>'.stripslashes($row['tytul']).'</b></a> ('.date("d.m.Y,
H:i", $row['data']).')<br />';
echo stripslashes($row['opis']).'<br /><br />';
}
// rozłączenie z bazą danych
mysql_close();
// koniec buforowania
ob_end_flush();
?>
</div>
<div id="menu2">
blabla<br>sasa<br>
</div>
</div>
</div></center></body></html>
Tylko tam gdzie jest div tresc, to w nim nie ma tla, tylko sa 2 divy (tresc2 i menu2) obok siebie. Wygląda to tak:
Żeby było tak jak ma być muszę dawać w CSS tresc tak:
Kod
#tresc {
width: 850px;
height: 700px;
background-color: #fff;
}
width: 850px;
height: 700px;
background-color: #fff;
}
Wtedy jest stała wysokość strony, ale ja takiej nie chcę, ponieważ chcę automatyczną. Proszę o pomoc jak zrobić aby szerokość była automatyczna i strona nie robiła się tak jak na obrazku.