Autor Zpráva
hellboy
Profil *
Mam problem, vsude mi to bezi bez problemu. jen v IE6 mam problem. Nejak se mi odsadi nasledujici divy za vrchnim stinem, a vubec netusim proc.
http://i26.tinypic.com/ezmio6.png
hellboy
Profil *
Omlouvam se, zapomnel jsem na CSS kod:
* {
margin: 0;
padding: 0;
border: 0;
}

body, html {
background: url('background.png') repeat-x;
background-color: #005A0B;
}

body, html a {
text-decoration: none;
}

.wrapping {
width: 747px;
margin: 20px auto 0 auto;
}

.shadow_top {
height: 8px;
width: 737px;
background: url('shadow_top.png') no-repeat;
float: left;
}

.shadow_left {
height: 783px;
width: 9px;
background: url('shadow_left.png') no-repeat;
float: left;
}

.logo {
width: 245px;
height: 187px;
background: url('logo.png') no-repeat;
float: left;
}

.logo2 {
width: 493px;
height: 187px;
background: url('logo2.png') no-repeat;
float: left;
}

.logo2 h2{
color: white;
font-family: "Tahoma";
font-size: 14px;
margin-top: 155px;
margin-left: 10px;
}

.menu {
width: 252px;
height: 145px;
float: left;
}

.menu span {
position: relative;
top: 5px;
margin-left: 30px;
font-size: 17px;
color: black;
}

.menu_item_1 a {
width: 252px;
height: 29px;
background: url('menu_item_1.png') no-repeat;
float: left;
}

.menu_item_1 a:hover {
background-position: -252px 0;
}

.menu_item_2 a {
width: 252px;
height: 29px;
background: url('menu_item_2.png') no-repeat;
float: left;
}

.menu_item_2 a:hover {
background-position: -252px 0;
}

.menu_item_3 a {
width: 252px;
height: 29px;
background: url('menu_item_3.png') no-repeat;
float: left;
}

.menu_item_3 a:hover {
background-position: -252px 0;
}

.menu_item_4 a {
width: 252px;
height: 29px;
background: url('menu_item_4.png') no-repeat;
float: left;
}

.menu_item_4 a:hover {
background-position: -252px 0;
}

.menu_item_5 a {
width: 252px;
height: 29px;
background: url('menu_item_5.png') no-repeat;
float: left;
}

.menu_item_5 a:hover {
background-position: -252px 0;
}

.shadow_contain_top {
width: 486px;
height: 15px;
float: left;
background: url('shadow_contain_top.png') no-repeat;
}

.wrapping_2 {
width: 252px;
height: 547px;
float: left;
}

.news {
width: 252px;
height: 402px;
float: left;
background: url('news.png') no-repeat;
}

.main_content {
width: 477px;
height: 532px;
float: left;
background: url('main_content_background.png') repeat-x;
}

.shadow_right_2 {
width: 9px;
height: 532px;
float: left;
background: url('shadow_right_2.png') no-repeat;
}

.footer {
width: 738px;
height: 37px;
float: left;
background: url('footer.png') no-repeat;
}
hellboy
Profil *
To fakt nikdo nevite, co s tim?
Plaváček
Profil
hellboy

Obrázek nám nepomůže. Bez HTML kódu jsme v koncích. a CSS předpis vypadá hodně podivně.
hellboy
Profil *
Tak tady mate aktulizace i s HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta content="text/html; charset=utf-8" http-equiv="content-type" />
<meta name="description" content="Place your page description here." />
<meta name="keywords" content="put,your,key words,phrases,here" />
<title>
DSO Lesy Policka
</title>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<div class="wrapping">
<div class="shadow_left"></div>
<div class="shadow_top"></div>
<div class="logo"></div>
<div class="logo2">
<h2>
...Sem by chtělo vymyslet nějaký výstižný slogan...
</h2>
</div>
<div class="wrapping_3">
<div class="wrapping_2">
<div class="menu">
<div class="menu_item_1">
<a href="#"><span>Police</span></a>
</div>
<div class="menu_item_2">
<a href="#"><span>Police</span></a>
</div>
<div class="menu_item_3">
<a href="#"><span>Police</span></a>
</div>
<div class="menu_item_4">
<a href="#"><span>Police</span></a>
</div>
<div class="menu_item_5">
<a href="#"><span>Police</span></a>
</div>
<div class="news"><img src="news.png" title="" alt""></div>
</div>
</div>
<div class="shadow_contain_top"></div>
<div class="main_content"><p>Lorem ipsum dolor sit amet
Consectetuer quis tellus tortor Phasellus
In odio pede condimentum pellentesque
Sociis Morbi orci Lorem pretium
Congue Mauris enim Aliquam a
Justo sapien ut eget mauris
Congue et hendrerit cursus adipiscing
Et Cum Sed leo mus
At tellus felis nec consectetuer
In pulvinar lobortis augue leo
Ac velit dictum massa et
Pellentesque sed adipiscing et pellentesque
Dolor eu dolor malesuada nulla
Ante quis accumsan ultrices cursus
Sapien pretium Donec tempor Pellentesque
Nunc Integer massa Nam tempus
Hendrerit felis cursus consectetuer velit
Nec wisi congue Praesent congue
Urna pretium id quis Vestibulum
Ut pretium Phasellus habitasse a
Habitant pulvinar pretium lacinia leo
Nunc sit pede condimentum et
Nibh eleifend tincidunt Ut lacinia
Ut at ipsum ut vel
Lorem ipsum dolor sit amet
Consectetuer ligula enim ante est
Justo tellus pellentesque sit vitae
Dictum odio pretium pretium cursus
Interdum ornare augue dolor volutpat
Sem pulvinar scelerisque id elit
Proin Phasellus at lorem ac
Vitae velit magna Vivamus massa
Velit augue mollis velit Sed
Turpis malesuada tellus ultrices In
Eu wisi Phasellus Nam Quisque
Adipiscing convallis Morbi molestie id
Libero ac semper tincidunt velit
Nunc hendrerit eu nibh quis
Libero velit laoreet Curabitur lorem
Ultrices lacinia congue Mauris cursus
Quis Aenean sed interdum tincidunt
Consequat nunc enim ut Nunc
Orci facilisi auctor Integer Integer
Nulla Fusce tempor ante porta
Id Ut consequat orci est
Eros Donec nonummy Donec eget
Nulla consectetuer sagittis ac accumsan
Tellus a vitae ut auctor
Lorem ipsum dolor sit amet
Consectetuer quis tellus tortor Phasellus
In odio pede condimentum pellentesque
Sociis Morbi orci Lorem pretium
Congue Mauris enim Aliquam a
Justo sapien ut eget mauris
Congue et hendrerit cursus adipiscing
Et Cum Sed leo mus
At tellus felis nec consectetuer
In pulvinar lobortis augue leo
Ac velit dictum massa et
Pellentesque sed adipiscing et pellentesque
Dolor eu dolor malesuada nulla
Ante quis accumsan ultrices cursus
Sapien pretium Donec tempor Pellentesque
Nunc Integer massa Nam tempus
Hendrerit felis cursus consectetuer velit
Nec wisi congue Praesent congue
Urna pretium id quis Vestibulum
Ut pretium Phasellus habitasse a
Habitant pulvinar pretium lacinia leo
Nunc sit pede condimentum et
Nibh eleifend tincidunt Ut lacinia
Ut at ipsum ut vel
Lorem ipsum dolor sit amet
Consectetuer ligula enim ante est
Justo tellus pellentesque sit vitae
Dictum odio pretium pretium cursus
Interdum ornare augue dolor volutpat
Sem pulvinar scelerisque id elit
Proin Phasellus at lorem ac
Vitae velit magna Vivamus massa
Velit augue mollis velit Sed
Turpis malesuada tellus ultrices In
Eu wisi Phasellus Nam Quisque
Adipiscing convallis Morbi molestie id
Libero ac semper tincidunt velit
Nunc hendrerit eu nibh quis
Libero velit laoreet Curabitur lorem
Ultrices lacinia congue Mauris cursus
Quis Aenean sed interdum tincidunt
Consequat nunc enim ut Nunc
Orci facilisi auctor Integer Integer
Nulla Fusce tempor ante porta
Id Ut consequat orci est
Eros Donec nonummy Donec eget
Nulla consectetuer sagittis ac accumsan
Tellus a vitae ut auctor

</p></div></div>
<div class="shadow_right_2"></div>
<div class="footer"></div>
</div>
</body>
</html>


CSS:

* {
margin: 0;
padding: 0;
border: 0;
}

body, html {
background: url('background.png') repeat-x;
background-color: #005A0B;
}

body, html a {
text-decoration: none;
}

.wrapping {
width: 747px;
margin: 20px auto 0 auto;
background-color: white;
}

.shadow_top {
height: 8px;
width: 737px;
background: url('shadow_top.png') no-repeat;
float: left;
}

.shadow_left {
height: 783px;
width: 9px;
background: url('shadow_left.png') no-repeat;
float: left;
}

.logo {
width: 245px;
height: 187px;
background: url('logo.png') no-repeat;
float: left;
}

.logo2 {
width: 493px;
height: 187px;
background: url('logo2.png') no-repeat;
float: left;
}

.logo2 h2{
color: white;
font-family: "Tahoma";
font-size: 14px;
margin-top: 155px;
margin-left: 10px;
}

.menu {
width: 252px;
height: 145px;
float: left;
}

.menu span {
position: relative;
top: 5px;
margin-left: 30px;
font-size: 17px;
color: black;
}

.menu_item_1 a {
width: 252px;
height: 29px;
background: url('menu_item_1.png') no-repeat;
float: left;
}

.menu_item_1 a:hover {
background-position: -252px 0;
}

.menu_item_2 a {
width: 252px;
height: 29px;
background: url('menu_item_2.png') no-repeat;
float: left;
}

.menu_item_2 a:hover {
background-position: -252px 0;
}

.menu_item_3 a {
width: 252px;
height: 29px;
background: url('menu_item_3.png') no-repeat;
float: left;
}

.menu_item_3 a:hover {
background-position: -252px 0;
}

.menu_item_4 a {
width: 252px;
height: 29px;
background: url('menu_item_4.png') no-repeat;
float: left;
}

.menu_item_4 a:hover {
background-position: -252px 0;
}

.menu_item_5 a {
width: 252px;
height: 29px;
background: url('menu_item_5.png') no-repeat;
float: left;
}

.menu_item_5 a:hover {
background-position: -252px 0;
}

.shadow_contain_top {
width: 486px;
height: 15px;
float: left;
background: url('shadow_contain_top.png') no-repeat;
}

.wrapping_2 {
width: 252px;
float: left;
background-color: white;
}

.news {
width: 252px;
height: 402px;
float: left;
background: url('news.png') no-repeat;
background-color: white;
}

.main_content {
width: 477px;
float: left;
background: url('main_content_background.png') repeat-x;
background-color: white;
}

.wrapping_3 {
height: auto;
background-color: white;
}

.shadow_right_2 {
width: 9px;
height: 532px;
float: left;
background: url('shadow_right_2.png') no-repeat;
}

.footer {
width: 738px;
height: 37px;
float: right;
background: url('footer.png') no-repeat;
}

Vaše odpověď

Mohlo by se hodit

Nezapomeňte na odkaz na živou ukázku problému.

Prosím používejte diakritiku a interpunkci.

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