도와주소서 ㅠㅠ 정보
도와주소서 ㅠㅠ본문
메인이미지랑 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 가 완벽히 일치해서 거부감이 없을까요 ㅠㅠ?
추천
0
0
댓글 6개
이미지는 908 px 이구요 bg 는 길게늘려서 2000px 로 했어요
이렇게 할 수가 없죠. 해상도가 다 각각 이어서.
배경하고 이미지를 같이 넣으시면 꾸역꾸역 포토샵으로 마춘다해도 웹브라우저에 따라 삐뚤어질수도 있어요. 이미지는 넣지말고 바디에 넣어진 백그라운드에 통이미지로 넣고 스타일 background-position:center을 넣어주시는게 좋을듯하네요.
퍼펙트!
공감.
혹은 굳이 배경과 윗부분이 달라야 할 경우라도,
백그라운드 포지션을 center로 맞춰주면 무조건 맞게 되어있습니다.
물론 조건은 두 이미지 제작 시 애초에 align이 center로 서로 맞아야 가능합니다.
혹은 굳이 배경과 윗부분이 달라야 할 경우라도,
백그라운드 포지션을 center로 맞춰주면 무조건 맞게 되어있습니다.
물론 조건은 두 이미지 제작 시 애초에 align이 center로 서로 맞아야 가능합니다.
정답이라고 생각됩니다.^^