묻고답하기
백성찬님, 보십시오.
2009.08.29 13:53
백성찬님, 보십시오.
현재 IE8, IE7, IE6, safari는 폼을 맞추었는데
FF는 뭘 어떻게 체크해야 할지 몰라서 못했습니다.
제가 사용하는 로직은 아래 첨부한 것입니다.
살펴보아 주시고 체크하는 방법을 알려 주시면
감사하겠습니다.
<!-- js 파일 import -->
<!--%import("js/xe_official.js")-->
<?php
include "/home/hosting_users/khs2653/www/html/browser_detection.php";
$a_browser_data = browser_detection('full');
if($a_browser_data[0] == 'saf') {
?>
<!--// 레이아웃과 연동될 css 파일 import -->
<!--%import("css/white-saf.css")-->
<? } ?>
<?php
if($a_browser_data[0] == 'ie') {
if($a_browser_data[1] <= 6 ) {
echo "<link rel=StyleSheet type='text/css' href='./layouts/Hare_main/css/default-ie6.css'>";
}
elseif($a_browser_data[1] == 7 ) {
echo "<link rel=StyleSheet type='text/css' href='./layouts/Hare_main/css/default-ie7.css'>";
}
else {
echo "<link rel=StyleSheet type='text/css' href='./layouts/Hare_main/css/default.css'>";
}
}
elseif($a_browser_data[0] == 'saf') {
echo "<link rel=StyleSheet type='text/css' href='./layouts/Hare_main/css/default-saf.css'>";
}
elseif($a_browser_data[0] == 'moz') {
echo "<link rel=StyleSheet type='text/css' href='./layouts/Hare_main/css/default-moz.css'>";
}
else{
echo "<link rel=StyleSheet type='text/css' href='./layouts/Hare_main/css/default-notie.css'>";
}
?>
댓글 2
-
백성찬
2009.08.29 15:19
-
한마디
2009.08.29 16:38
백성찬님의 말씀에 감사합니다.
저것은 애초에 익스6으로 만들어졌던 것입니다.
zb5로 만들었던 것을 zbxe가 나오면서 완전히 뭉게고 새로 만든 것이지요.
처음에는 똑띠님의 잡다한2차 레이아웃을 가지고 만들었다가
나중에 xe가 나오게 되면서 다른 폼의 모양새를 보고 다시 개조를 한 것입니다.그런데 익스7에서 보니까 폼이 맞지 않게 되어 있었습니다.
익스7에 맞추고 보니까 이번에는 익스6에서 모양이 일그러졌더군요.
나중에 사파리, 파이어폭스로 보니까 전부 다 맞지 않게 나타났습니다.물론 골격은 다른 홈페이지의 형태를 모방했습니다.
모방은 했지만 css는 xe의 골격은 그대로 이용했던 것입니다.
한 개의 css를 이용하고 브라우즈별로 조금씩 차이가 나는 것은
브라이즈 종류별로 체크해서 적용 css를 다르게 하는 방법을 시도해 보기도 했었습니다.
그런데 이렇게 하니까 레이아웃의 로직이 군데군데 브라우즈를 체크하는 로직이 삽입되면서 복잡해지더군요.어차피 페이지의 큰 틀은 한 번 맞추면 그대로 적용되는 편이니까
그냥 브라우즈 종류별로 css 파일을 별도로 만들어 넣었던 것입니다.
처음 만들면서 css의 상식이 전무한 상태에서 배우면서 만들었던 것이라 여러 문제점이 있었습니다.
내부에 테이블 코드를 같이 사용해서 그렇습니다.
div를 사용하니까 생각했던 것처럼 폼이 잘 맞지 않았습니다.
그래도 지금은 많이 개선된 것입니다.어차피 다른 홈페이지의 기술적인 부분을 적용도 해 보고,
또 css가 뭔지도 모르는 상태에서 자꾸 시도해 보고 함으로써
그러면서 조금이나마 배운 점은 많았습니다.귀한 시간을 내서 지도해 주셔서 감사합니다.
어디에 넣은 소스인지 모르겠지만 브라우저에 따라 다른 css를 불러오려는 것 같습니다.
xe를 사용할 때 특별히 브라우저 별로 설정하지 않아도 어느 정도 나오는 것으로 압니다.
xe 기본레이아웃으로 홈페이지 작성 공부를 한 후 적용해보십시오.
다른 홈페이지나 페이지에 적용한 소스를 가져다가 어거지로 봍여넣으려고 하지 않는 것이 좋습니다.
혹시 내력벽이라는 것을 아십니까?
다른 집에서 벽을 트고 방을 넓히거나 거실을 넓게 만든 것을 보고 자기도 집에 와서 벽을 허물고 공간을 넓혔다고 생각해보십시다.
보고 온 집의 벽은 단순 차단벽이고 자기의 집 벽은 내력벽이었던 것입니다.
어떤 결과가 올까요?
간단히 말하면 집이 폭싹 너무집니다.
머리 속에 있는 상식은 잠시 비워두고 xe 메뉴얼을 읽어 보면서 만들어 보십시오.