Autor Zpráva
Lukáš944
Profil *
#1 · Zasláno: 10. 12. 2010, 11:39:52
Odpovědět Citovat
Zdravím, mám tu jeden taký malý problém, vo Firefoxe je to vkuse posunuté o 1 pixel, v Opere to vyzerá tak ako má ( http://www.imgup.xf.cz/uploads/1292017340.png ) ale vo FireFoxe chýba ten spodný border pod menu ( http://www.imgup.xf.cz/uploads/1292009243.png ). Je to tam ako keby posunuté o 1 pixel od vrchu. A nemôžem prísť na to ako to spraviť, aby sa to zobrazovalo korektne aj v Opere aj v FF 


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
  <head>
  <meta http-equiv="content-type" content="text/html; charset=windows-1250">
  <meta name="generator" content="PSPad editor, www.pspad.com">;
  <title></title>
  <style>
  body {
margin-left: 0px;
margin-top: 0px;
margin-right: 1px; 
padding: 0px;
font-family: Verdana;
font-size: 13px;
color: #000000;
background-color: #FFF;
} 

.header {
width: 100%;
height: 80px;
background-color:		#DEDEDE;
border-bottom: 1px solid;
}

.topmenu {
position: relative;
margin-top: 0px;
top: 40px;
left: 15%;
width:75%;
border-left: 1px solid;
border-right: 1px solid;
border-top: 1px solid;
height: 23px;
background-color:	#F7F7F7;
}

.blok {
width: 100%;
float: left;
margin-left: 0px;
}

.menu {
float: left;
margin-left: 5%;
width: 10%;
height: 500px;

}

.obsah {
float: left;
width: 75%;
min-height: 500px;
height: auto;
border-left: 1px solid;
border-right: 1px solid;
border-bottom: 1px solid;
}

.footer {
width: 100%;
height: 20px;
clear: both;
}
  </style>
  </head>
<body>

<div class="header">Hlavička
<div class="topmenu">Menu</div>
</div>
<div class="all">

<div class="blok">
	<div class="menu">Lavé menu</div>
	<div class="obsah">Obsah<p>Lorem ipsum dolor sit amet consectetuer nibh justo diam Nunc neque. Fermentum justo rhoncus Donec consequat cursus magna nibh Duis consequat sem. Quisque a sed sagittis id tempus gravida eu vitae et interdum. Ac augue Morbi malesuada libero adipiscing convallis Nam auctor mauris est. Malesuada et Quisque lorem sit Pellentesque gravida auctor Nam.</p>
<p>Velit semper ut vel.
</div>
</div>
<div class="footer">Footer</div>
</div>

</body>
</html>
Davex
Profil
#2 · Zasláno: 10. 12. 2010, 20:10:21
Odpovědět Citovat
Při zvětšení písma ti menu přes tu čáru přelézá. Je to způsobeno tvým použitím pozicování a nastavením pevných rozměrů. Ty vnořené bloky se po zvětšení nevejdou do vyhrazeného prostoru.
Časová prodleva: 13 let

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

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

0