June 11, 201016 yr I have a problem with leyout. it look different in different monitor resolutions. Thanks! This is 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"> <head> <meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" /> <title>3 simple steps in coding a rounded corners layout</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="keywords" content="css tutorial" /> <meta name="description" content="" /> <link rel="stylesheet" href="css/screen.css" media="screen" type="text/css" /> <style type="text/css"> /*<![CDATA[*/ <!-- .style3 {color: #0000CC} .style4 {color: #999999; } --> /*]]>*/ </style> <!--[if IE]> <link rel="stylesheet" type="text/css" href="css/screen1.css" /> <![endif]--> </head> <body> <div id="container"> <div id="header"> <ul id="navbar"> <li><a href="/" id="current" name="current">Начало</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Връзки</a></li> <li><a href="#">Контакти</a></li> </ul> </div> </div> <div id="content"> <div class="col"><img src="images/vezni.jpg" width="148" height="115" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div> <h3 class="style4">ДОБРЕ ДОШЛИ В АДВОКАТСКА КАНТОРА "DITON CONSULT"!</h3> <p>Адвокатска кантора "DiTon Consult" e създадена 2002 г. в гр. София и Включва трима адвокати.</p> <p>Адвокат <span class="style3">ДИМИТЪР ТОНЧЕВ</span>, рег. № 1000002777 по регистъра на Висш адвокатски съвет. Адв. Тончев е с 30 години стаж, от който двадесет години като съдия. Опитът, който има му позволява работи във всички области на правото.</p> <p>Адвокат <span class="style3">ИВА ТОНЧЕВА</span>, рег. № 4300052810 по регистъра на Висш адвокатски съвет. Адв. Тончева е с 3 години стаж. Специлиазира в областта на семейно и търговско право, регистрация на стопански субекти; изпълнително производство. Работни езици- български и английски език. Вписана в националния Регистър за правна помощ с рег. № 4393.</p> <p>Адвокат <span class="style3">СТЕФАН РАНГЕЛОВ</span>, рег. № 4000018710 по регистъра на Висш адвокатски съвет. Адв. Рангелов е с 5 години стаж. Специлиазира в областта на наказателното и наказателнопроцесуалното право. Вписан в националния Регистър за правна помощ с рег. № 3410.</p> <p>Кантората предлага правно обслужване и консултации в следните области:</p> </div> <div id="footer">a <a href="http://cssglobe.com" title="web standards magazine and css news">C</a></div> </body> </html> And This is CSS: body{ background:#d8e6ec url(../images/bg_body1.gif) repeat-x; font:80% Arial, Helvetica, Sans-Serif; color:#555; line-height:180%; margin:0; padding:0; text-align:center; } p{ margin:1em 5em; text-align:justify; margin-left:250px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-style:italic; } #container{ margin:0 auto; width:928px; text-align:left; } #header{ height:236px; background:url(../images/bg_header1.jpg) no-repeat; background-position:center; } ul#navbar { margin:0; list-style-type:none; height:31px; float:right; margin-top:40px; margin-right:15px; } ul#navbar li { float:left; background:url(../images/bull.gif) no-repeat scroll right center; background-position:right; background-position:100% } ul#navbar li a { display:block; padding:5px 15px 7px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:15px; font-style:italic; font-stretch:condensed; text-decoration:none; color:#FFFFFF; letter-spacing: 0em; } ul#navbar li a:hover { color:#0000CC; } ul#navbar li a#current { color:#000000; } #content{ background:url(../images/bg_content.gif) repeat-y; background-position:center; padding:.5em 34px; } .col { background-image:url(../images/col.jpg); background-repeat:no-repeat; height:380px; width:22%; float:left; margin-top:20px; margin-left:40px; } img { margin-top:30px; } #footer{ padding:20px 60px; background:url(../images/bg_footer.gif) no-repeat 0 0; background-position:center; color:#fff; }
June 11, 201016 yr Your #container div is ended too soon. Try moving the </div> tag so that it contains the whole page:- <body> <div id="container"> <div id="header"> <ul id="navbar"> <li><a href="/" id="current" name="current">Начало</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Връзки</a></li> <li><a href="#">Контакти</a></li> </ul> </div> <!--</div> moved to bottom--> <div id="content"> <div class="col"><img src="images/vezni.jpg" width="148" height="115" alt="** PLEASE DESCRIBE THIS IMAGE **" /></div> <h3 class="style4">ДОБРЕ ДОШЛИ В АДВОКАТСКА КАНТОРА "DITON CONSULT"!</h3> <p>Адвокатска кантора "DiTon Consult" e създадена 2002 г. в гр. София и Включва трима адвокати.</p> <p>Адвокат <span class="style3">ДИМИТЪР ТОНЧЕВ</span>, рег. № 1000002777 по регистъра на Висш адвокатски съвет. Адв. Тончев е с 30 години стаж, от който двадесет години като съдия. Опитът, който има му позволява работи във всички области на правото.</p> <p>Адвокат <span class="style3">ИВА ТОНЧЕВА</span>, рег. № 4300052810 по регистъра на Висш адвокатски съвет. Адв. Тончева е с 3 години стаж. Специлиазира в областта на семейно и търговско право, регистрация на стопански субекти; изпълнително производство. Работни езици- български и английски език. Вписана в националния Регистър за правна помощ с рег. № 4393.</p> <p>Адвокат <span class="style3">СТЕФАН РАНГЕЛОВ</span>, рег. № 4000018710 по регистъра на Висш адвокатски съвет. Адв. Рангелов е с 5 години стаж. Специлиазира в областта на наказателното и наказателнопроцесуалното право. Вписан в националния Регистър за правна помощ с рег. № 3410.</p> <p>Кантората предлага правно обслужване и консултации в следните области:</p> </div> <div id="footer">a <a href="http://cssglobe.com" title="web standards magazine and css news">C</a></div> </div><!--end of #container moved here--> </body> </html>
Create an account or sign in to comment