Autor Zpráva
Tomáš Rudolf
Profil *
Dobrý den, mám dva vedle sebe svislé panely(div+float v css) a z rodičovského bloku by si meli brát pozadí, nicméně panely fungují, vedle sebe se rozmistili správně, ale pozadí nesdíleji a pokud jim ho nastavím ručně, tak je rozdilně veliké, pridávám zdrojový kód a css

<!DOCTYPE html>
<html>
	<head>
		<title>
			Homepage
		</title>
		<link rel="stylesheet" type="text/css" href="css.css">
	</head>
	<body>
		<div id = "stred">
			<div id = "header">
				<div id = "pruh"></div>
				<div id = "ozdoba_horni">
					<div id = "menu">menu</div>
				</div>
				<div id = "login_pruh">
					<input id = "username"><input id = "password"><input id = "search">
				</div>
				<div id = "ozdoba_spodni"></div>
			</div>
			<div id = "obsah">
				<div id = "obsah_vlevo">
					panel
				</div>
				<div id = "obsah_vpravo">
					lorem ipsum<br>
					lorem ipsum<br>
					lorem ipsum<br>
					lorem ipsum<br>
					lorem ipsum<br>
					lorem ipsum<br>
				</div>
			</div>
		</div>
	</body>
</html>


#stred
{
	width: 1024px;
	margin: auto;
}

#header
{
	width: 1024px;
}

#pruh
{
	background-image: url('header/pruh.png');
	height: 9px;
	width: auto;
}

#ozdoba_horni
{
	background-image: url('header/ozdoba_horni.png');
	height: 44px;
	width: auto;
}

#menu
{
	width: 512px;
	margin: auto;
}

#login_pruh
{
	background-image: url('header/stred.png');
	height: 50px;
	width: auto;
}

#username
{
	height: 11px;
	width: 95px;
	position: relative;
	top: 26px;
	left: 74px;
}

#password
{
	height: 11px;
	width: 93px;
	position: relative;
	top: 26px;
	left: 108px;
}

#search
{
	height: 11px;
	width: 177px;
	position: relative;
	top: 29px;
	left: 575px;
}

#ozdoba_spodni
{
	background-image: url('header/ozdoba_spodni.png');
	height: 19px;
	width: auto;
}

#obsah
{
	margin: 10px 62px 0px 62px;
	background: #FF00FF;

	height: 5em;
	width: 900px;
}

#obsah_vlevo
{
	float: left;
	width: 20%;
	height: 100%;
	background:red;
}

#obsah_vpravo
{
	float: left;
	width: 80%;
	height: 100%;
	background: green;
}
panther
Profil
Tomáš Rudolf:
přidej k #obsah overflow: hidden. A příště sem nekopíruj tunu kódu, ale vlož odkaz na web. Kódem se nikdo probírat nebude a radu dostáváš jen na základě toho, že je z popisu jasné, že neukončuje obtékání.
Tomáš Rudolf
Profil *
děkuju, už to jde

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0