Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [html] Pozycjonowanie diva, dlaczego w IE inaczej?
right6
post
Post #1





Grupa: Zablokowani
Postów: 206
Pomógł: 0
Dołączył: 9.03.2006

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

(IMG:http://img361.imageshack.us/img361/2563/projekt4xe.jpg)

te zolte prostokaciki to wlasnie divy ktore chce jakos spozycjonowac, zeby sie nie rozjezdzalo, zeby pod rownymi przegladarkami wygladalo jak na lezy. Kazdego diva teraz ustawilem tak:

Kod
<div style="position:absolute; left:Xpx; top:Ypx">

ale to nic z tego ... sypie sie pod ie, a przy powiekszeniu scroolem wogule tragedia.

jak wiec wypoziomowac te divy ?
Go to the top of the page
+Quote Post
 
 Start new topic
Odpowiedzi
easy
post
Post #2





Grupa: Zarejestrowani
Postów: 20
Pomógł: 0
Dołączył: 30.12.2003
Skąd: Lublin

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

Kodzik na szybko ale dziala (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) tla sa tylko dla przykladu.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  2. "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  3. <html>
  4. <head>
  5. <meta http-equiv="content-Type" content="text/html; charset=iso-8859-2" />
  6. <title>Div page</title>
  7. <style type="text/css" media="all">@import "style.css";</style>
  8. </head>
  9. <body>
  10. <div class="site-form">
  11.   <div class="form-head">head</div>
  12.   <div class="form-content">
  13.     <div class="content-up">
  14.     <div class="content-up-left">
  15.       <div class="up-left-up">
  16.         <div class="left-up-left">
  17.           <div class="left-up-left-up">upz</div>
  18.           <div class="left-up-left-down">downz</div>
  19.         </div>
  20.         <div class="left-up-right">up-right</div>
  21.       </div>
  22.       <div class="up-left-down">
  23.         <div class="left-down-left">down-left</div>
  24.         <div class="left-down-right">
  25.         <div class="down-right-up">right-up</div>
  26.         <div class="down-right-down">right-down</div>
  27.         </div>
  28.       </div>
  29.     </div>
  30.     <div class="content-up-right">gorna prawa </div>
  31.     </div>
  32.     <div class="content-down">
  33.       <div class="content-down-left">lewa dolna</div>
  34.       <div class="content-down-right">prawa dolna</div>
  35.     </div>
  36.   </div>
  37.   <div class="form-foo">foo</div>
  38. </div>
  39. </body>
  40. </html>
[HTML] pobierz, plaintext

Kod
body {
  margin-top: 0px;
  margin-bottom: 0px;
  background-color: #FFFFFF;
}
div.site-form {
  width: 760px;
  \width: 760px;
  w\idth: 760px;
  margin-left: auto;
    margin-right: auto;
}
div.form-head {
  background-color: #EEE8AA;
}
div.form-foo {
  clear: both;
  background-color: #B0C4DE;
}
div.content-down-left {
  width: 560px;
  float: left;
  background-color: #F0FFFF;
}
div.content-down-right {
  width: 200px;
  float: left;
  background-color: #FFEBCD;
}
div.content-up-left {
  width: 460px;
  float: left;
  background-color: #DEB887;
}
div.content-up-right {
  width: 300px;
  float: left;
  background-color: #5F9EA0;
}
div.left-down-left{
  width: 300px;
  float: left;
  background-color: #BDB76B;  
}
div.left-down-right{
  width: 160px;
  float: left;
  background-color: #556B2F;
}
div.left-up-left {
  width: 160px;
  float: left;
  background-color: #DC143C;
}
div.left-up-right {
  width: 300px;
  float: left;
  background-color: #FF8C00;
}
div.up-left-down {
  clear: both;
}


Tak wiem jest pokrecony (IMG:http://forum.php.pl/style_emoticons/default/laugh.gif)
Go to the top of the page
+Quote Post

Posty w temacie
- right6   [html] Pozycjonowanie diva, dlaczego w IE inaczej?   9.03.2006, 15:42:53
- - easy   Kodzik na szybko ale dziala tla sa tylko dla przy...   9.03.2006, 16:43:10
- - right6   eehhh, to nie jest tak jak chcialem. pionowo OK tr...   9.03.2006, 18:58:09
- - easy   Jest dokladnie taki jaki chciales, tyle ze nie por...   9.03.2006, 21:44:32
- - right6   [HTML] pobierz, plaintext <div style="floa...   9.03.2006, 22:23:20
- - easy   [HTML] pobierz, plaintext <div style="back...   9.03.2006, 23:21:06

« 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: 15.10.2025 - 04:12
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn