Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.

  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Help! giúp em nội dung web bị tràn màn hình

Chủ đề thuộc danh mục 'Hỏi đáp - Thảo luận về web' được đăng bởi dinhnhan09ccd1, 25/6/13.

Lượt xem: 13,087

  1. dinhnhan09ccd1 Mới đăng kí

    chuyện là thế này: e đang tập tành làm 1 trang web, mới chỉ biết sơ sơ về html và css thôi. web của em đã hoàn thành. nhưng khi duyệt trang web này trên máy của em thì nội dung web ổn định nhưng mà khi duyệt trên 1 máy khác thì nội dung web bị to ra phải kéo qua kéo lại mới thấy hết nội dung web được, bác nào biết cách khắc phục chỉ cho em với e mò hoài mà ko được. với còn 1 vấn đề nữa là em muốn nội dung web nó ở chính giữa màn hình trên mọi màn hình. em làm hoài cũng ko được ạ. với 1 vấn đề nữa là khi zoom nội dung web nó nhỏ lại ở chính giữa chứ ko phải nhỏ về bên trái như hiện tại web của em ạ. và 2 cái baner dọc 2 bên màn hình cũng bị lỗi tràn vào nội dung web khi duyệt trên máy khác nữa ạ. ai biết khắc phục dùm em với. em xin hậu tạ ạ.
    đây là web của e: www.nhaty.tk
    code htm
    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.-->
<style>#free-flash-header a,#free-flash-header a:hover {color:#c2cae0;}#free-flash-header a:hover {text-decoration:none}</style>
<!--FIN DU DROIT D'UTILISATION-->
<script type="text/javascript" src="banner_images/swfobject.js"></script>   
<link href="css/stylesheets.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body {
margin: 0 auto;
margin-top: 20px;
margin-bottom: 20px;
}
a:hover {
font-weight: bold;
color: #FF0000;
font-size: 18px;
}
#holder #content #left ol {
color: #000;
font-size: 15px;
}
#holder #content #left ol li u {
color: #03F;
}
#holder #content #left ol li u {
font-size: 24px;
}
#holder #content #left menu li u {
color: #03F;
}
#holder #content #left menu li u {
font-size: 24px;
}
#holder #content #left div li a {
font-size: 17px;
}
h1 {
color: #F00;
font-size: 16px;
}
h2 {
font-size: 17px;
color: #0000CC;
}
body,td,th {
color: #000000;
}
#holder #content #right {
font-weight: normal;
color: #000;
}
#holder #content #left ul li u {
color: #00F;
}
#holder #content #left ul li u {
color: #000;
}
#holder #content #left ul li u {
color: #36F;
}
#holder #content #left ul li u {
color: #6C0;
}
#holder #content #left div li a {
color: #FF0;
}
#holder #content #left div li a {
color: #F00;
}
#holder #content #left div li a {
color: #FFF;
}
#holder #content #left div li a {
color: #0F0;
}
#holder #content #left div li a {
color: #C63;
}
#content #left div li a {
color: #F00;
}
#content #left div li a {
font-family: Georgia, "Times New Roman", Times, serif;
}
#content #left div li a {
color: #000;
}
#content #right ol {
color: #09C;
font-size: 16px;
}
#content #footer p {
font-size: 18px;
}
#content #footer p {
font-size: 18px;
}
#content #footer p {
font-size: 14px;
}
#content #footer p {
font-size: 16px;
}
#content #footer p {
font-size: 17px;
}
#content #footer p {
font-size: 10px;
}
#content #footer p {
font-size: 16px;
}
.a {
color: #00F;
}
#content #right p {
text-align: center;
font-size: 16px;
color: #000;
}
#content #right li {
color: #0000FF;
}
.a {
color: #00F;
font-size: 16px;
}
.a {
color: #00F;
font-weight: bold;
font-size: 15px;
}
#content #right p strong {
font-size: 12px;
}
#content #footer strong em {
font-size: 14px;
}
#content #footer strong em {
font-size: 12px;
}
.a {
color: #00F;
text-align: center;
}
.b {
font-size: 15px;
}
#right h2 strong {
font-size: 24px;
font-family: "Courier New", Courier, monospace;
color: #CC0099;
}
#right p {
font-size: 14px;
}
#right p strong {
font-size: 15px;
}
#right p strong {
font-size: 14px;
}
#right p strong {
font-size: 16px;
}
#content #left p strong {
font-size: 13px;
}
</style>
<link href="css/giua.css" rel="stylesheet" type="text/css" />
<link href="css/styles.css" rel="stylesheet" type="text/css" />
<!--[if lt IE 7]>
  <link rel="stylesheet" type="text/css" href="css/stylesheetie6.css" />
<![endif]-->
<!--[if IE]>
<style type="text/css">
<!--
object,embed{margin:auto!important;}
html {overflow-x:hidden;}
-->
</style>
<![endif]-->
<title>Nhat Y Environment</title>
<link rel="shortcut icon" href="images/tieude.png">
<link href="css/timkiem.css" rel="stylesheet" type="text/css" />
  
</head>
 
<body>
<style>
a{text-decoration: none;}
 
</style>
<div id="holder">
<!--DEBUT DU DROIT D'UTILISATION. NE PAS SUPPRIMER OU MODIFIER CES LIGNES. SI VOUS LES SUPPRIMEZ OU LES MODIFIEZ UN MESSAGE D'ALERTE APPARAITRA QUAND VOTRE SITE SERA EN LIGNE.-->
<!--FIN DU DROIT D'UTILISATION-->
    
<div id="header">
 <div align="center">  
    <div id="flashcontent">  
      <script type="text/javascript">  
            var so = new SWFObject("banner_images/banner.swf", "mymovie", "960", "230", "8");  
            so.addParam("menu", "false");  
            so.write("flashcontent");  
        </script>  
    </div>  
</div>  
 <div>
<ul class="menuTemplate4" license="mylicense">
    <li><a href="index.htm" class="arrow">NHẬT Ý INFO</a>
        <div class="drop decor4_2" style="width: 400px;">
            <div class='left'>
                <b>LĨNH VỰC HOẠT ĐỘNG</b>
                <div>
                    <a href="xulymoitruong.html">Xử Lý Môi Trường</a><br />
                    <a href="suachuadiennuoc.html">Thi Công, Sữa Chữa Công Trình Điện - Nước</a><br />
                         <a href="giacongcokhi.html">Gia Công Cơ Khí</a><br />                       
                </div>
            </div>
          
            <div class='left' style="text-align:right; width:100px;">
                <img src="images/logony.png" style="width:100px; height:100px;" /><br />
          </div>
            <div style='clear: both;'></div>
        </div>
    </li>
    <li class="separator"></li>
        <li class="separator"></li>
    <li><a href="sanpham.htm">Sản Phẩm</a></li><li class="separator"></li>
    <li><a href="congtrinh.htm">Công Trình</a>
        <div class="drop decor4_2 dropToright" style="width: 460px;">
            <img src="ct/q2/IMG_2515.JPG" style="float:left; width:180px;
                height:180px;margin:10px 80px 10px 40px;" />
            <div class='right'>
                <b>ĐIỆN  - NƯỚC</b>
                <div>
                    <a href="anhcongtrinh.html">Q1. TP.HCM</a><br />
                    <a href="quan2.html">Q2. TP.HCM</a><br />
                   
                </div>
                <b>MÔI TRƯỜNG</b>
                <div>
                    <a href="xulynuoc.html">Xủ Lý Nước</a><br />
                   
                </div>
            </div>
        </div>
    </li>
    <li class="separator"></li>
    <li><a href="tailieu.htm">Tài Liệu</a></li>
 
    <li class="separator"></li>
    <li><a href="giaitri.htm">Giải Trí</a>
        <div class="drop decor4_2 dropToLeft2" style="width: 460px;">
            <div class='left'>
                <b>NGHE NHẠC</b>
                <div>
                    <a href="http://www.nhac.vui.vn" target="_blank">Nhac.vui.vn</a><br />
                    <a href="http://www.mp3.zing.vn" target="_blank">Mp3.zing.vn</a><br />
                    <a href="http://www.nhaccuatui.com" target="_blank">Nhaccuatui.com</a>
                </div>
                <b>XEM PHIM</b>
                <div>
                   <a target='_blank'/> <a href="http://hayghe.com.vn" target="_blank">Hayghe.com.vn</a><br />
                    <a href="http://www.youtube.com" target="_blank">Youtube.com</a><br />
                    <a href="http://www.phimvang.org" target="_blank">Phimvang.org</a>
                </div>
            </div>
            <div class='left'>
                <b>ĐỌC BÁO</b>
                <div>
                    <a href="http://www.dantri.com.vn" target="_blank">Dantri.com.vn</a><br />
                    <a href="http://www.24h.com.vn" target="_blank">24h.com.vn</a><br />
                    <a href="http://www.zing.vn" target="_blank">Zing.vn</a>
                </div>
            </div>
            <div class='left' style="text-align:right; width:160px;">
                <img src="images/hinhnenngonghinh18.png" style="width:180px; height:180px;" /><br />
          
            </div>
                
        </div>
    </li>
    <li class="separator"></li>
    <li><a href="lienhe.htm">Liên Hệ</a>
    </li>
</ul>
</div>
<hr />
<div align="right">
 <style>
#namanyay-search-btn {
background:none;
color:white;
font: 'trebuchet ms', trebuchet;
padding:3px 3px;
font-weight:bold;
}
 
#namanyay-search-box {
background:none;
width:150px;
height: 20px;
 }
 
      </style>
 
</div>
<FORM method=GET action="http://www.google.com/search" target="_blank">
  <div align="right">
    <!-- Search box for blogger by Namanyay Goel //-->
    <input id="namanyay-search-box" name="q" size="10" type="text" placeholder="  Nhập vào đây... "/>
    <input id="namanyay-search-btn" value="Tìm kiếm" type="submit"/>
  </div>
</form>
 <div id="content">
<div id="left">
    <div align="center">
      <script type="text/javascript">
epi_id = 'epi-widget-container';
epi_width = '90%';
epi_height = '200';
epi_theme = 'widgetDisplayThemeGrey';
       </script>
      <script type="text/javascript" src="http://www.baomoi.com/Widget/JS/Widget.js"></script>
      <script type="text/javascript" src="http://www.baomoi.com/Widget/GenerateJS.aspx?zone=-1&count=10&ntype=popular&dtype=2&target=0"></script>
      <br/>
         
    </div>
   <p align="center">
     <embed width="95%" height="30" src="images/1594048v1p05nqtti.gif"></embed>
   </p>
<br/>
    <iframe width="240" height="250" src="http://www.youtube.com/embed/DVIfi6xGvrw" frameborder="0" allowfullscreen></iframe>
    <br/>
    <br />
     <p align="center"><embed width="95%" height="30" src="images/cooltext1086310131.png"></embed></p>
   <div align="center">
   <br/>
      <embed width="90%" height="200" src="Aloflash.SWF"></embed>
     <br/>
     
   </div>
    <p align="center"><embed width="95%" height="30" src="images/cooltext1086312532.png"></embed></p>
<div style="border-style: ridge; border-width: 1px; border-color: #00F; margin: 1px; padding: 1px; font-size: 13px;" align="center">
   
<p align="center"><strong><br />
Ủng Hộ Chúng Tôi Bằng Cách Ấn Like</strong></p>
  <p align="center">
<iframe frameborder="0" scrolling="no" src="http://www.facebook.com/plugins/like.php?href=http://www.facebook.com/pages/H%E1%BB%99i-Nh%E1%BB%AFng-Ng%C6%B0%E1%BB%9Di-%C4%82n-khoai-Lang-N%C3%B3i-Chy%E1%BB%87n-Th%E1%BA%BF-Gi%E1%BB%9Bi/100912150100890" style="border: none; height: 60px; width: 240px;"></iframe></div>
<font color="#FF3399" size="5"><marquee behavior="alternate">
Thank You
</marquee></font>
  </div>
   <div class="active" id="right">
  <h1 align="left">CTy TNhh tm - dv - xd - môi trường công nghệ nhật ý xin kính chào quý khách</h1>
<p align="left"><strong align="center"><img src="images/logony.png" width="150" height="140" align="left" style="margin-right: 10px; font-family: 'Times New Roman', Times, serif;" /></strong>Môi trường là nơi diễn ra sự sống, sinh hoạt… Là tất cả hoạt động sống của con người, của muôn loài sinh vật trên trái đất.
  Trên cơ sở yêu cầu chung về bảo vệ môi trường, nên công ty của chúng tôi đã đưa</span> ra những giải pháp tiên tiến, hữu hiệu về vấn đề bảo vệ môi trường nhằm đem đến khách hàng nguồn tin cậy, môi trường làm việc trong lành, an toàn…
  Với phương châm của Công ty chúng tôi là: “chất lượng, uy tín …” Nên luôn đem đến cho khách hàng sự hài lòng, tin cậy…
  Qua đây chúng tôi gởi lời cảm ơn đến Quý khách hàng đã hợp tác, giúp đỡ cho chúng tôi trong thời gian qua để thực hiện các công trình.</p>
 <div align="center"><span class="a">CHÂN THÀNH CẢM ƠN</span>
 </div>
 <p align="center">Mọi ý kiến đóng góp cũng như thắc mắc xin gởi về:  </p>
<div align="center"><strong>Email: dinhan070@gmail.com - Mobile: 0916.379.575 (kỹ sư Ân)</strong></div>
<div align="left">
    <p><strong><br/>
       <br/>
       </strong>
    </p>
    </div>
   
    <h1 align="left"> lĩnh vực hoạt động của công ty</h1>
        <div align="left">
          <ol>
            <li><a href="xulymoitruong.html">Xư lý môi trường</a></li>
            <li><a href="suachuadiennuoc.html">Thi công, sữa chữa công trình điện - nước</a></li>
            <li><a href="giacongcokhi.html">Gia công cơ khí</a></li>
          </ol>
        </div>
        <ol>
        </ol>
    <p align="center"><br />
        <span class="b">Chúng tôi luôn mong muốn và phấn đấu đem đến cho quý khách hàng những dịch vụ tốt nhất với phương châm :</span></p>
    <h2 align="center"><strong>&quot; uy tín làm nên sức mạnh &quot;</strong></h2>
   <div align="center">
    <embed width="100%" height="300" src="Lich blog 3D.swf"></embed>
    </strong> </h2>
    
    </div>
   <p>&nbsp;</p>
</div>
 
<br /></embed>
<div style="float: right; padding: 0 0 0 10px; line-height: 21px">
  CTY TNHH TM - DV - XD - MÔI TRƯỜNG CÔNG NGHỆ NHẬT Ý<br />
 46/46, Đường số 18, Khu Phố I, Phường Bình Hưng Hòa, Quận Bình Tân, TP. Hồ Chí Minh<br />
Email:<a href="https://accounts.google.com/ServiceLogin?service=mail&amp;passive=true&amp;rm=false&amp;continue=https://mail.google.com/mail/&amp;ss=1&amp;scc=1&amp;ltmpl=default&amp;ltmplcache=2&amp;hl=en-GB" class="a">nhaty.info@gmail.com</a> | Điện Thoại: 0982.515.070 </div>
</div>
</body>
</html>
    code CSS
    Code:
    body {
margin: 100%;
padding:0;
background: url(../images/th2stp01.gif);
/*font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;*/
font:font: normal 15px Arial, helvetica, sans-serif;
 
color:#31333B;
}
 
#container
{
margin:0 auto;
width:800px;
} 
 
#header {
width: 960px;
height: 230px;
margin-left: auto;
margin-right: auto;
color: #D6D6D6;
}
 
 
#menu {
width: 960px;
height: 40px;
margin: 0 auto;
background:url(../images/a.jpg);
}
 
 
#menu ul {
margin: 0;
padding: 0px 0px 0px 0px;
list-style: none;
}
 
#menu li {
display:block;
 
}
 
 
#menu a {
display: block;
float: left;
margin-left: 20px;
height : 25px;
padding: 15px 10px 0px 10px;
text-decoration: none;
text-transform:uppercase;
color:#00F;
font-size: 16px;
font-weight: bold;
border-bottom-width: 15px;
border-bottom-style:none;
}
 
#menu a:hover {
border-bottom-color:#000;
 
}
 
#menu .active a {
color:#0F0;
}
 
#content {
 
width: 960px;
margin: 0 auto;
border-top: 0px solid #FFFFFF;
border-bottom: px solid #FFFFFF;
text-align : center;
font-family: Georgia, "Times New Roman", Times, serif;
/*background:#000000;*/
}
#center {
border-radius: 20px;
margin-top: 10px;
width: 960px;
margin: 0 auto;
border-top: 0px solid #FFFFFF;
border-bottom: px solid #FFFFFF;
text-align : center;
font-family: Georgia, "Times New Roman", Times, serif;
background: url(../images/17-458966.jpg);
/*background:#000000;*/
}
 
#right {
border-radius: 20px;
margin-top: 10px;
width: 700px;
margin-left: 20px;
float: right;
font-size: 18px;
background: url(../images/17-458966.jpg);
font-family: Verdana, Geneva, sans-serif;
color: #36C;
text-align: center;
font-weight: normal;
/*background: #ff00ff;*/
}
 
#left {
border-radius: 20px;
width: 240px;
margin: 0 auto;
margin-right: auto;
float: left;
padding: 0px;
padding-top: 10px;
color: #00F;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
text-align: right;
background: url(../images/bg_marm013.jpg);
 
/*background: #ff0000;*/
}
 
#footer {
width: 700px;
margin: 0px auto;
padding: 3px 0px;
height: 100px;
border-top: 0px solid #FFFFFF;
font-size: 16px;
}
 
#footer p {
margin: 0px;
padding-top: 5px;
text-align: right;
font-size: 17px;
 
 
color:
}
 
#footer a {
color: #ffffff;
}
 
#footer a:hover {
color: #ffffff;
}
 
 
 h1,h2 {
 color:#8fa819;font-family: "Trebuchet MS",arial, helvetica, sans-serif;font-weight:bold;font-size:15px;padding-left:12px;
 background: url(images/arrow.gif) no-repeat left center;
 text-transform: uppercase;
 }
 
.blue {
color: #FF0000;
font-weight: 800;
font-size: 30px;
}
 
.bluesquare {
 color:#3f71b6;
 font-weight: 800;
 padding-left:12px;
 background: url(images/square.gif) no-repeat left center;
}
 
 
a {
color:#3f71b6;
}
 
a:hover {
color:#3f71b6;
text-decoration :none;
}
 
hr {
width:100%;
height: 1px;
color:#8fa819;
background-color:#8fa819;
 
}
 
#holder {
position: absolute;
top: 23px;
left: 29px;
}
#copy {clear: both;}
html, body, #holder {
min-height: 100%;
width: 1326px;
height: 100%;
}
html>body, html>body #holder {
height: 730px;
}
#free-flash-header a:hover {color:#cdd2d7;text-decoration:none}
#resol {text-align:left;font-family:Verdana, Arial, Helvetica, sans-serif;position:fixed;padding-left:10px;width:290px;top:30px;left:1280px;margin:0 auto;background:#bfc6d9;} #resol h1 {background:none;font-size:1.2em;letter-spacing:10px;padding:0px;margin:0px;border: 0px;} #resol h2 {font-size:0.6em;letter-spacing:3px;padding:0px;margin:0px;background:none;}
/* IMAGE - M4U.VN*/
.postbit .content img, .postbitlegacy .content img, .postbitdeleted .content img, .postbitignored .content img, .eventbit .content img {
        padding: 10px;
        background: #f2f2f2;
        border: 1px solid #c2c2c2;
        border-radius: 4px;
        box-shadow: 0px 0px 8px #000;
display: block;   margin:0 auto;
        text-align:center;
       max-width: 450px;
}

    ...

    Xem thêm các chủ đề cùng chuyên mục

    Facebook Group Việt Designer
    Tham gia nhóm
    Facebook Fanpage Việt Designer
    Thích trang
    dinhnhan09ccd1, 25/6/13
    #1
  2. dinhnhan09ccd1

    dinhnhan09ccd1 Mới đăng kí

    ko ai giúp em với ah?
    dinhnhan09ccd1, 26/6/13
    #2
  3. pingpoong

    pingpoong Thành viên cấp 2

    Thẻ div ngoài cùng, bao cả trang web lại, cái thẻ div nẳm ngay dưới thẻ body ấy, bạn cho margin:0 auto

    Có vẻ như đây là web công ty. Không biết có phải quảng cáo không đây. Còn nếu bạn làm web cho nó mà cái này lại đi hỏi thì mình nghĩ nên học lại từ cơ bản đi
    pingpoong, 27/6/13
    #3
    mgr thích bài viết này
  4. dinhnhan09ccd1

    dinhnhan09ccd1 Mới đăng kí

    cảm ơn bạn mình đã làm đủ mọi cách kể cả cách của bạn nhưng vẫn vậy bạn ah. đúng đây là web của công ty mình. và mình đang tập tành làm web cho công ty thôi chứ không phải quảng cáo gì đâu bạn ơi. bạn đùng nói vậy.
    dinhnhan09ccd1, 27/6/13
    #4
  5. Ngựa Hoang Gemini

    Ngựa Hoang Gemini Thành viên cấp 4

    Mình vào thấy có tràn gì đâu bạn, chỉ có ko cân giữa màn hình thôi.
    Ko rành web, up cho mem khác giúp bạn :">
    Ngựa Hoang Gemini, 27/6/13
    #5
    dinhnhan09ccd1 thích bài viết này
  6. Phạm Hiếu

    Phạm Hiếu Thành viên cấp 3

    web nằm giữa màn hình rồi kìa thớt, thấy củng ổn cả mà..
    mà thớt đang quảng cáo web đúng không,,
    Phạm Hiếu, 27/6/13
    #6
    dinhnhan09ccd1 thích bài viết này
  7. jacklagger1995

    jacklagger1995 Thành viên cấp 2

    do mỗi trình duyệt thôi bạn ạ cả do code , css của bạn nữa @@

    Phạm Hiếu k phải bạn ý pr web đâu nhé .. vấn đề là ở chỗ này .. lệch kiểu thuộc về thanh cuộn ngang
    [​IMG]
    jacklagger1995, 27/6/13
    #7
    dinhnhan09ccd1 thích bài viết này
  8. Phạm Hiếu

    Phạm Hiếu Thành viên cấp 3

    cái này do trình duyệt của bạn rồi, bên mình nó nằm giữa
    Phạm Hiếu, 27/6/13
    #8
    dinhnhan09ccd1 và jacklagger1995 thích bài viết này.
  9. SITUVN

    SITUVN Thành viên cấp 2

    Đối với máy có màn hình lớn, độ phân giải cao thì đúng là chăng có vấn đề gì khi nhìn vào, nhưng đối với máy có màn hình nhỏ, độ phân giải thấp thì kéo sẽ có hiện tượng kéo qua lại.
    Do bạn định thuộc tính:
    Code:
    html, body, #holder {
    width: 1326px;
}
    Bạn cho cố định. Bỏ nó đi.

    Nó không nằm giữa màn hình khi bạn thu phóng. Do:
    Code:
    #holder {
    position: absolute;
    left: 29px;
}
    Bỏ 2 thuộc tính trên đi và thêm thuộc tính:
    Code:
    #holder {
    margin: 0 auto;
}
    như pingpoong đã nói.

    Khi làm hết các thao tác trên thì trang web mới nằm giữa.

    Đồng thời bạn bỏ luôn các thuộc tính height của thẻ body và #holder đi, chẳng có tác dụng gì thì phải.

    Mà trang của bạn có cả tiếng Pháp nữa à ;))
    SITUVN, 27/6/13
    #9
    dinhnhan09ccd1 thích bài viết này
  10. dinhnhan09ccd1

    dinhnhan09ccd1 Mới đăng kí

    Cảm ơn tất cả các bạn đã trả lời mấy vấn đề của mình, và mình đã làm theo cách của ban SITUVN và đã thành công. 1 lần nữa xin gửi lời cảm ơn chân thành đến bạn, và mình rất muốn giao lưu học hỏi thêm bạn có thể cho mình gmail được ko SITUVN ơi :D.ah Phạm Hiếu lỗi ko phải do trình duyệt đâu bạn à, do đọ phân dãi của màn hình nó khác nhau thôi. một lần nữa cảm ơn tất cả mọi người nha, mình mò cả tuần ko được thế mà pro chỉ 1 phát được ngay. đúng là pro mà :)).
    dinhnhan09ccd1, 27/6/13
    #10
  11. dinhnhan09ccd1

    dinhnhan09ccd1 Mới đăng kí

    mấy pro ơi sửa dùm mình cái lỗi này luôn với.
    mình có chèn 1 đường kẻ ngang với lệnh <hr/> nhưng trên google chrome với IE thì nó hiển thị đúng nơi mình đặt còn trên firefox thì nó bị lệch
    ảnh đây ạ
    [​IMG]
    [​IMG]
    còn đây là dòng code cái đường kẻ này nó nằm dưới menu và ở dưới nó là cái box tìm kiếm. mình nghỉ cái box tìm kiếm nó gây ra lỗi này nhưng ko biết cách khắc phục. mấy pro giúp mình với
    Code:
      <li class="separator"></li>
    <li><a href="lienhe.htm">Liên Hệ</a>
    </li>
</ul>
</div>
<hr/>
<div align="right">
<style>
#namanyay-search-btn {
background:none;
color:white;
font: 'trebuchet ms', trebuchet;
padding:3px 3px;
font-weight:bold;
}
 
#namanyay-search-box {
background:none;
width:150px;
height: 20px;
}
 
      </style>
 
</div>
<FORM method=GET action="http://www.google.com/search" target="_blank">
  <div align="right">
    <!-- Search box for blogger by Namanyay Goel //-->
    <input id="namanyay-search-box" name="q" size="10" type="text" placeholder="  Nhập vào đây... "/>
    <input id="namanyay-search-btn" value="Tìm kiếm" type="submit"/>
  </div>
</form>
    dinhnhan09ccd1, 27/6/13
    #11
  12. Mr.P1n3

    Mr.P1n3 Thành viên cấp 1

    Dùng file reset.css để nó thống nhất trên các trình duyệt trước đã nhé :)
    Mr.P1n3, 27/6/13
    #12
    dinhnhan09ccd1 thích bài viết này
  13. dinhnhan09ccd1

    dinhnhan09ccd1 Mới đăng kí

    là sao hả bạn, bạn có thể hướng dẫn cụ thể cho mình được ko mình chỉ mới tập tành làm web thôi, mình down template về chỉnh sửa thôi chứ khái niệm về css và html còn mơ hồ lắm. cảm ơn bạn.
    dinhnhan09ccd1, 27/6/13
    #13
  14. Phạm Hiếu

    Phạm Hiếu Thành viên cấp 3

    bạn tạo reset.css như dưới rồi chèn vào là được,

    Code:
    /**** RESET DEFAULT BROWSER CSS ****/
* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
 
body {
    font-family: helvetica, tahoma, arial, sans-serif;
    font-size: 62.5%;
    line-height: 1;
}
 
:focus {
    outline: 0;
}
 
ol, ul {
    list-style: none;
}
 
blockquote:before, blockquote:after, q:before, q:after {
    content: "";
}
 
blockquote, q {
    quotes: "" "";
}
 
a {
    text-decoration: none;
}
 
a img {
    border: 0;
}
 
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
 
fieldset {
    border: none;
}
 
.clearfix {
    display: block;
}
 
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}
 
.clear {
    clear: both;
}
 
/**** MAIN SETTING ****/
    Phạm Hiếu, 28/6/13
    #14
  15. dinhnhan09ccd1

    dinhnhan09ccd1 Mới đăng kí

    Phạm Hiếu mình làm rồi nhưng vẫn ko được bạn ơi.
    dinhnhan09ccd1, 28/6/13
    #15
  16. pingpoong

    pingpoong Thành viên cấp 2

    Bạn để {clear:both} xem thế nào.
    Nếu các div ở trên dùng {float:left} thì div ngay dưới nó phải có {clear:both}

    File reset.css dùng để đưa các thẻ cơ bản về mặc định, chạy được trên các trình duyệt mà không bị lỗi.
    pingpoong, 30/6/13
    #16

Ủng hộ diễn đàn