한

도와주소서 ㅠㅠ

· 2012-12-27 (목) 12:14:39 · 1117 · 6

메인이미지랑 bg 이지랑 라인이 일치하지가 않아요....ㅠㅠ


소스는

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title> New Document </title>
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
 </head>

 <body style="padding:0 0 0 0;margin:0 0 0 0;background:url(../bg.jpg) no-repeat center;">
  <div style="width:100%;">
<div style="width:908px;margin:0 auto;">
<img src="../main.jpg">
</div>
</div>
 </body>
</html>

이렇게 햇습니다..

어디를 수정해야지 이미지와 bg 가 완벽히 일치해서 거부감이 없을까요 ㅠㅠ?

|

댓글 6개

2012-12-27 (목) 12:15:42
이미지는 908 px 이구요 bg 는 길게늘려서 2000px 로 했어요
2012-12-28 (금) 16:12:20
이렇게 할 수가 없죠. 해상도가 다 각각 이어서.
배경하고 이미지를 같이 넣으시면 꾸역꾸역 포토샵으로 마춘다해도 웹브라우저에 따라 삐뚤어질수도 있어요. 이미지는 넣지말고 바디에 넣어진 백그라운드에 통이미지로 넣고 스타일 background-position:center을 넣어주시는게 좋을듯하네요.
2012-12-30 (일) 09:20:55
퍼펙트!
2013-01-05 (토) 12:36:49
공감.
혹은 굳이 배경과 윗부분이 달라야 할 경우라도,
백그라운드 포지션을 center로 맞춰주면 무조건 맞게 되어있습니다.
물론 조건은 두 이미지 제작 시 애초에 align이 center로 서로 맞아야 가능합니다.
2013-01-08 (화) 00:09:23
정답이라고 생각됩니다.^^
댓글을 작성하시려면 로그인이 필요합니다.

퍼블리셔톡

300건
+
제목 글쓴이 날짜 조회
13-04-01 조회 1,524
13-03-26 조회 1,513
13-03-16 조회 2,787
13-03-13 조회 2,379
13-03-12 조회 1,531
13-03-11 조회 2,532
13-03-08 조회 2,448
13-03-07 조회 3,722
13-03-05 조회 1,249
13-03-04 조회 1,736
13-03-01 조회 1,647
13-02-27 조회 1,406
13-02-26 조회 990
13-02-26 조회 1,285
13-02-25 조회 1,183
13-02-21 조회 2,107
13-02-04 조회 1,132
13-02-02 조회 1,880
13-01-30 조회 1,281
13-01-30 조회 1,517
13-01-24 조회 1,916
13-01-23 조회 1,399
13-01-23 조회 1,374
12-12-27 조회 1,118
12-11-16 조회 1,562