Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [css / php] FF I opera ok IE skopany ;/, moze ktos cos podpowiedziec
andy84
post
Post #1





Grupa: Zarejestrowani
Postów: 165
Pomógł: 0
Dołączył: 14.11.2005
Skąd: London

Ostrzeżenie: (0%)
-----

Robie wlasnie mala galerie zdiec jednak sie troche kaszani pod IE - FF i opera dzialaja bez zarzutu , probowalem ustawic <!--[if IE]> jednak nie wiem czemu to nie chcialo zadzialac kiedy utawilem style dla IE tutaj jest kawalek mojego CSS z ktorym jest problem pod IE,
[XML] pobierz, plaintext 
  1. #x
  2. {
  3. position:absolute;
  4. overflow:hidden;
  5. clip:rect(0px 100px 100px 0px);
  6. }
[XML] pobierz, plaintext

wyglad galerji wyglada nastepujaco: sa bloki ( div ) o wymiarach 100x100 i w nich sie pojawiaja zdiecia - jezeli zdiecie jest wieksze to clip mi je docina do wymiarow , pod ff i opera wszystko jest jak nalezy i ten kod dziala znakomicie , natomiast pod IE nastepuje przesuniecie obrazkow o okolo 40-50 px , jak wylacze ten kod css powyszy to IE dziala dobrze a FF i Opera sie sypia wydaje mi sie ze position:absolute kaszani sprawe - ma ktos pomysl co bym mogl z tym zrobic ?

kod php jest ok proboje jednak ten styl naprawic , wydawalo mi sie ze mozna cos w zamian za position:absoulte zastosowac ale nie przypominam sobie co moze byc ;/
[PHP] pobierz, plaintext 
  1. <?php
  2. echo '<td width="' . $colWidth . '" >' . 
  3. 			 '<div id="div"><a href="?page=image-detail&album=' . $albumId . '&image=' . $row['im_id'] . ' " id="galeria_linki">' . 
  4. 			 '<img src="../image-gallery/viewImage.php?type=glthumbnail&name=' . $row['im_thumbnail'] . '" border="0" id="x" >' .
  5. 			 '<br>' . $row['im_title'] . '</a></div></td>';
  6. ?>
[PHP] pobierz, plaintext
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
mrjozo
post
Post #2





Grupa: Zarejestrowani
Postów: 142
Pomógł: 3
Dołączył: 27.06.2007

Ostrzeżenie: (0%)
-----

Powtarzanie id to chodzi o to, że na stronie nie możesz mieć kilka elementów z tym samym id, a Ty masz kilka razy np. id="box" tak jak napisałem uzywaj class="box". Dane id np "box" może na stronie wstąpić tylko raz.

Co do problemu, to ja bym to zrobił tak:

CSS:
Kod
/* CSS by WebsignUK  */

body
{
background-color: #666666;
text-decoration:none;
font-family:Helvetica, Verdana, sans-serif;
}


#home
{
margin-top: 40px;
float: left;
width: 600px;
}

#home a {
margin-bottom: 30px;
display: block;
border : 1px solid #cccccc;
width: 100px;
height: 100px;
margin-right: 15px;
float: left;
}

#home img
{
border: none;
position:absolute;
overflow:hidden;
clip:rect(0px 100px 100px 0px);
}

#right {
float:right;
width: 105px;
}

#right ul li  {
width: 105px;
height: 105px;
display: block;
float: left;
text-align: center;
margin-bottom: 20px;
}

#right ul li  a {
font-size:16px;
color:#ffffff;
text-decoration:none;
margin-top: 80px;
display: block;
}

#main_body{
margin: 0 auto;
width: 720px;
}

li {
list-style-type: none;
}

.menu_index {
background: url(http://www.websignuk.com/suzanne/graphic/website/menu.gif);
}

.menu_monotypes {
background: url(http://www.websignuk.com/suzanne/graphic/website/menu.gif);
}

.menu_paintings{
background: url(http://www.websignuk.com/suzanne/graphic/website/menu.gif);
}


HTML:

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html>
  3. <head>
  4. <title></title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  6.  
  7. <link href="style.css" media="screen" rel="stylesheet" type="text/css" >
  8.  
  9. </head>
  10. <body>
  11. <div id="main_body">
  12.  
  13.       <div id="home">
  14.         <a href="?page=image-detail&album=3&image=8 " ><img src="http://www.websignuk.com/suzanne/image-gallery/viewImage.php?type=glthumbnail&name=490a2c580cfa8139088f33223e1d6f10.jpg" ></a>
  15. 		<a href="?page=image-detail&album=3&image=9 "><img src="http://www.websignuk.com/suzanne/image-gallery/viewImage.php?type=glthumbnail&name=783c21a6121af7a6f6d377d6fe38e927.jpg"  ></a>
  16. 		<a href="?page=image-detail&album=3&image=10 "><img src="http://www.websignuk.com/suzanne/image-gallery/viewImage.php?type=glthumbnail&name=8af7f27d21184d2c73b292adbb1bf2f5.jpg"  ></a>
  17. 		<a href="?page=image-detail&album=3&image=11 " ><img src="http://www.websignuk.com/suzanne/image-gallery/viewImage.php?type=glthumbnail&name=0f9cff908d5c2a47c056e738824e8f00.jpg"  ></a>
  18. 		<a href="?page=image-detail&album=3&image=12 " ><img src="http://www.websignuk.com/suzanne/image-gallery/viewImage.php?type=glthumbnail&name=7fe196b4288e071704be4f26ca72ce20.jpg" ></a>  
  19. <a href="?page=image-detail&album=3&image=11 " ><img src="http://www.websignuk.com/suzanne/image-gallery/viewImage.php?type=glthumbnail&name=0f9cff908d5c2a47c056e738824e8f00.jpg"  ></a>
  20. 		<a href="?page=image-detail&album=3&image=12 " ><img src="http://www.websignuk.com/suzanne/image-gallery/viewImage.php?type=glthumbnail&name=7fe196b4288e071704be4f26ca72ce20.jpg" ></a>  
  21. 		</div>
  22.  
  23.     <div id="right">
  24. 		<ul>
  25. 			<li class="menu_index"><a href="../index.php" >Home page</a></li>
  26. 			<li class="menu_paintings"><a href="../index.php" >Paintings</a></li>
  27. 			<li class="menu_monotypes"><a href="../index.php" >Monotypes</a></li>
  28. 		</ul>
  29.  
  30. </div>
  31. </div>
  32.  
  33. </body>
  34. </html>
[HTML] pobierz, plaintext


dużo mniej kodu i bez użycia tabel

Ten post edytował mrjozo 8.07.2007, 22:55:40
Go to the top of the page
+Quote Post

Posty w temacie
- andy84   [css / php] FF I opera ok IE skopany ;/   8.07.2007, 15:52:24
- - mrjozo   Pokaż link do strony i całego stylu, bo tak trudno...   8.07.2007, 20:16:39
- - andy84   http://www.websignuk.com/suzanne/image-gal...age...   8.07.2007, 21:25:55
- - mrjozo   Powtarzanie id to chodzi o to, że na stronie nie m...   8.07.2007, 22:41:38
- - andy84   sa powody czemu tak zrobilem chociazby dlatego ze ...   8.07.2007, 23:37:12
- - mrjozo   Nie widze problemu, dla którego menu nie mogłoby b...   9.07.2007, 08:02:40

« Następny starszy · Przedszkole · Następny nowszy »
 

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 

Tryb wyświetlania: Przełącz na: Standardowy · Przełącz na: Linearny+ · Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 28.12.2025 - 15:53
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn