Jump to content
  • 0

Народ нужна помощь...

ka4erovskii

Asked by ka4erovskii,

 Share

Question

ka4erovskii Explorer

ka4erovskii

Posted
Posted

Привет всем )

Решил сверстать страничку ... так ради опыта ... скачал с нета макет...

Начал верстать... и все бы ни чего но в конце чё то отступы от body до footer в разных браузерах разные((

Как с этим бороться возможно есть какие то хаки ??? или еще что то ..... подскажите кто знает)

Вот код и ссылка на страницу(http://portfolio-ka4erovskii.narod.ru/Hammer/index.html)

Код:

html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>Hammer</title>

<meta name="title" content="" />

<meta name="keywords" content="" />

<meta name="description" content="" />

<link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" />

<link rel="stylesheet" href="style_ie.css" type="text/css" media="screan, projection"/>

</head>

<body>

<div id="wrapper">

<div id="header">

<div class="logo">

<div class="left-logo">

<a href=""><img src="img/logo.png" alt="logo-hammer" /></a>

<table class="h-m-n">

<tr>

<td><a href=""><img src="img/home-header.png" alt="home"/></a></td>

<td><a href=""><img src="img/mail-header.png" alt="mail" /></a></td>

<td><a href=""><img src="img/net-header.png" alt="net" /></a></td>

</tr>

</table>

</div> <!--left-logo-->

</div><!-- logo -->

<div class="header-middle">

<div class="oval">

<div class="oval2"></div><!--ovali-->

</div><!--ovali-->

<div class="c-krug"></div><!-- c-krug -->

</div><!-- header-midle -->

<div class="left-izgib">

<div class="right-izgib"></div><!-- right-izgib -->

</div><!-- left-izgib -->

<div class="logo-right"></div><!-- right-logo -->

<div class="right-krug"></div><!--right-krug -->

<div class="slogon">

<h1><a href="">Company Name.Com</a></h1> <h3><a href="">slogon of your company here</a></h3>

</div><!--slogon-->

<div class="search">SEARCH: <input type="text" value=" " size="10" class="form-sreach-text" />

<input type="submit" value="ok" class="ok" />

</div><!-- search -->

</div><!-- header-->

<div id="middle">

<div id="container"><div class="tblesk-right"></div>

<div id="content">

<div class="top-menu"><div class="tblesk"></div>

<div class="up-top-menu">

<div class="midle-top-menu">

<div class="middle-bottom"></div>

</div><!--midle-top-menu-->

</div><!-- up-top-menu-->

<div class="menu"></div>

<div class="sub-top-menu"></div>

<div class="sub-2"></div>

</div><!--top-menu-->

<div class="midle-cont">

<div class="list">

<div class="text-form"><h2 align="center">MODELS</h2></div>

<div class="krujok"></div>

<div class="img-list">

<ul>

<li><h4>MODEL NAME HERE</h4>

<div class="img"> <img src="img/img-c-5.jpg" alt="img"/></div>

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div></li>

</li>

<li><h4>MODEL NAME HERE</h4>

<div class="img"><img src="img/img-c-6.jpg" alt="img"/></div>

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div></li>

<li><h4>MODEL NAME HERE</h4>

<div class="img"><img src="img/7.jpg" alt="img"/></div>

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div></li>

<li><h4>MODEL NAME HERE</h4>

<div class="img"> <img src="img/8.jpg" alt="img"/></div>

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div></li>

<li><h4>MODEL NAME HERE</h4>

<div class="img"><img src="img/9.jpg" alt="img"/></div>

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div></li>

<li><h4>SUBHEADER</h4>

<div class="img-list">Lorem ipsun dolor sit amet, consectetuer adipscing elit. Nam fermentum justo nec ante.</div>

</li>

</ul>

</div><!-- img-list -->

</div> <!--list -->

<div class="welcom">

<div class="zagolovok-cont"><h2>WELCOME</h2></div>

<div class="nachalo">

<div class="img-c1"><img src="img/img-c-1.jpg" alt="img"/></div>

<div><span class="cont-text">Sed eleifed condimentum dui.</span> Aliqu, am luctus mi vel sem. Donec oici enim, fermentum nec, viverra sit amet, sodales eu erat.<p> Mauris ante nunc, suscript ut, feugiat ac, rutrum vitae, orici. Maecanas eros diam, frigilla a, mattis non, henderit eu, lorem.</div>

</div><!-- nachalo -->

</div><!--welcom -->

<div class="midle-content-left">

<div class="zagolovok-cont"><h2>EVENTES</h2></div>

<div class="left-content-text">

<div><span class="cont-text">Vesitiblum porta nulla in turpis.</span><br> Ut wisi neque nonummy in, imperdiet non, mattis id, neque.<br/>Morbi rhoncus, magna non venantis scelerisque, enim ente lacinia elit, at pulvinar velit nisl in lorem.</div>

<div><div class="oglavlenie"><img src="img/srelka-2.png" alt="strelka"/>  <strong>Donec in massa venenatis</strong></div>

<img src="img/img-c-2.jpg" class="cont-menu-img" alt="img"/>pellentesque. Pellentesque sem ipsun, tincidunt a, aliquam vel, suscript et, torior. Aliquam augue ante, rhoncus eu, iaculis ut, rhoncus sit amet sem. Ut leo odio,tristique arcu. Sed Aliquam.

<a href="">more</a><img src="img/strelka-c.png" alt="strelka"/><!--ssilka-->

<div class="oglavlenie"><img src="img/srelka-2.png" alt="strelka"/>  <strong>Cras sit amet velit eu purus</strong></div><img src="img/img-c-3.jpg" class="cont-menu-img"alt="img"/>venenatis condimentrum. Sed vulputoate. Anean dapibus fermentum feiles.<br/><br/>

Morbi luctus deiles a nunc. In consecuent magna. Sed vulputoate.

<div class="ssilka"><a href="">more</a><img src="img/strelka-c.png" alt="strelka"/><!--ssilka--></div>

</div>

</div><!-- left-content-text -->

</div><!-- left-midle -->

<div class="midle-content-right">

<div class="zagolovok-cont"><h2>CONCEPTS</h2></div>

<div class="right-cont-text"><div><span class="cont-text">Vesitiblum at lacus sed massa</span> placreat tempus. Maecanas eu tortor. Donec nisl. Sunspendside est pede, congue ac, aliquet at, trisrtique sit amet, liqula. donec a lacuz in ante fermentum rutrum. aliquam nibh. Vivamus quis </div>

<div class="oglavlenie"><img src="img/srelka-2.png" alt="strelka"/>  <strong>Duis fermentum justo ut velit.</strong></div>

<img src="img/img-c-4.jpg" alt="img" class="cont-right-img"/><br/>

Quisque congue tempor lectus. Present purus wisi, dapibus a, eusmod non, iaculis sit amet, odio.<br>

Present eu tortor eget justo consectetuer pellentesque. Cras tubcidunt justo ut urma.<br/>

Nullam plecart congue felis.<br/>

Nam id sapien ac marius tincidunt rutrum.<br/>

Ut vitae lacus.

<div class="ssilka"><a href="">more</a><img src="img/strelka-c.png" alt="strelka"/></div>

</div><!-- right-content-text-->

</div><!--right-midle-->

<div class="help-center">

<div class="zagolovok-cont"><h2>HELP CENTER</h2></div>

<div class="help-list">

<ul>

<li><a href="">Nam gravida tincidunt tellus.</a></li>

<li><a href="">Sed vestibulum sapein in metus.</a></li>

<li><a href="">Quiside placerat nibh vel tortor.</a></li>

<li><a href="">Cras varius tortor sit amet lacus.</a></li>

<li><a href="">Donec tincudunt conque urna.</a></li>

<li><a href="">Aenean mollis sollictudin nisl.</a></li>

</ul>

</div><!--$help-list-->

<div class="bottom-content-right"><div><span class="cont-text">Nulla lacinia venenatis diam.</span><br/>Cras eget quam id lectus vecihula posuere. Aliquam feugiat. Suspendisse quis est.</div>

Vivamus ac sem metus elementum auctor. Pellantsque eget eros quis risus condimentum sodales. Donac arcu.<br/>

Curabitur eleifend enim vel masa. Phasellus lacus.

</div><!--bottom-content-right-->

</div><!--help-center-->

</div><!--content-midl-->

<div class="bottom-content">

<div class="bottom-menu-content"></div>

</div>

</div><!-- content-->

</div><!-- container-->

<div class="sidebar" id="sideLeft">

<div class="s-l-form">

<div class="text-form"><h2 align="center">MEMBEPE AREA</h2></div><!--text-bottom -->

<div class="krujok"></div><!--krujok-top-->

<div class="form-user-pass">

USER NAME : <input type="text" value="" size="15" class="form-text-left" /><br />

PASSWORD : <input type="password" value="" size="15"class="pass-left-s" /><br />

<input type="submit" value="LOGIN" class="form-button" />

<div class="text-a"><a href="">Forgot yor password ?</a></div>

</div><!-- form-user-pass -->

</div><!--s-l-form -->

<div class="left-menu">

<div class="text-form"><h2 align="center">LATEST NEWS</h2></div>

<div class="krujok"></div>

<div class="left-list">

<ul>

<li>

<h4>26-11-2004</h4>

Lorem ipsun dolor amet, consectuer adipiscing elit. Vestibulum non ipsun. Vivamus varius. Aliquam erat volutpat. Cum sociis noaque penatibis et mangis dis partuient montes, nascetur ridiculs mus.

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div>

</li><br/>

<li>

<h4>26-11-2004</h4>

Lorem ipsun dolor amet, consectuer adipiscing elit. Vestibulum non ipsun. Vivamus varius. Cum nascetur ridiculs mus.

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div>

</li><br/>

<li>

<h4>26-11-2004</h4>

Vestibulum non ipsun. Vivamus varius. Aliquam erat volutpat. Cum sociis noaque penatibis et mangis dis partuient montes, nascetur ridiculs mus.<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div>

</li><br/>

<li>

<h4>23-11-2004</h4>

Lorem ipsun dolor amet, consectuer adipiscing elit. Vestibulum non ipsun.

Duis metus magna, ultricies eget, lacinia quis, pretium in,ligula. Done fringilla velit ac est.

<img src="img/left-menu-img.jpg" class="left-menu-img"/><br/>Donec semper dapibus nibh. Sed eleifed condimentum dui. Aliquam luctus mi vel sem. Curabitur suscript.

<div align="right"><a href=""> more </a> <img src="img/strelka.png" alt="strelka" /></div></li><br/>

</ul>

</div><!--left-spisok-->

</div><!-- left-menu-->

<div class="s-l-form">

<div class="text-form"><h2 align="center">NEWS LEATER</h2></div><!-- twxt-form-->

<div class="krujok"></div><!--krujol-->

<div class="form-user-pass">

NAME  : :<input type="text" value=" " class="form-text-left" size="15" /><br />

E-MAIL: <input type="text" value="" class="form-text-left" size="15"/><br />

<input type="submit" value="SUBSCRIBE" class="form-button-bottom" />

</div><!-- form-user-pass -->

</div><!-- s-l-bottom-left -->

</div><!-- .sidebarsideLeft -->

<div class="sidebar" id="sideRight">

<div class="new-car">

<div class="text-form"><h2 align="center">NEW CAR</h2></div>

<div class="krujok"></div>

<div class="right"> <span class="right-zagol">Duis metus magna, ultrices eget,</span> lacinia qius, pretium in, ligula. Donec fringila, velit ac est. Donec semer dapibus nibh. Sed eleifed condimentum dui.

<div><img src="img/right-img.jpg" alt="img" class="right-menu-img"/>Aliquam luctus mi vel sem. Donec orci enim, fementum bec, viverra sit amet, sodales eu, erat.</div>

Mauris ente nunc, suscriot ut, feugiat ac, ruturn vitace, orci. MAecaes eros diam, fringila a, mattis non, hendrit eu lorem. Phaseluss tincidunt vulpute urna.<a href="">more</a><img src="img/strelka.png" alt="strelka"/><br/>

<span class="right-zagol">Curabitur suscript.</span><br/>

<img src="img/right-img-2.jpg" alt="img" class="right-menu-img"/>

Vestibulum porta nulla in turpis. Ut wisi neque, nonummy in imperdiet non maters i, neque.

Morbi rhotcus, magna non venatis scelerisque, enim ente lacinca elit, at pulvinar velit nisi in lorem. Donec in orci in masa venantas pellentsque.

<a href=""> more </a> <img src="img/strelka.png" alt="strelka" />

</div><!-- right-->

</div><!--new-car-->

<div class="pacages">

<div class="text-form">

<h2 align="center">PACKAGES</h2></div>

<div class="krujok"></div>

<div class="right"><span class="right-zagol-botton">Pellentesaque sem ipsun, tincidunt a,</span>

aliquam vel, suscript et toror. Aliquam aquqe ante, rhoncs eu, iaculis ut, rhoncs sit amet, sem. Ut leo odio, ultrices ut, interdum quis, tristique sed, arcu.

<div> Cras sit amet velit eu purus venetis condimentum. Sed vullputate. Aeneam dapibis fermentum felis. Morbi luctus felis a nunc.</div><br/>

<div><span class="right-zagol-botton">In consecuant tincidunt magna.</span>

Vestibulum at lacus sed massa placerat tempus. Maecanas eu tertor. Donec nist.</div><br/>

<div>Suspendsse est peaple, congue ac aliquet at, tristique sit ligula.</div><br/>

<div>Donec a lacus in ante fermentum ruturm. Aliquam nibh. Vivamus quis nibh. Duis fermentum justo ut velit. Quisque congue tempor lectus. Present purus wisi, dapibus a, eusimod non jaculis sit amet, odio.</div>

<div class="r-img">

<img src="img/botton-img.jpg" alt="img" class="right-menu-img"/>

<a href=""> more </a> <img src="img/strelka.png" alt="strelka" />

</div>

<div class="r-img">

<img src="img/botton-img2.jpg" alt="img" class="right-menu-img"/>

<a href=""> more </a> <img src="img/strelka.png" alt="strelka" />

</div>

<div class="r-img">

<img src="img/botton-img3.jpg" alt="img" class="right-menu-img"/>

<a href=""> more </a> <img src="img/strelka.png" alt="strelka" />

</div>

</div><!--right-->

</div><!-- pasages -->

</div><!-- .sidebarsideRight -->

</div><!-- middle-->

</div><!-- wrapper -->

<div id="footer">

<div class="foot-logo">

<img src="img/footer-logo.png" alt="copiright" />

COPYRIGHT © 2004 Company Name.com   All Rights Reserved.</div>

</div><!-- footer -->

</body>

Link to comment
Share on other sites

0 answers to this question

Recommended Posts

There have been no answers to this question yet

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
 Share
Go to question listing
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept