Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> [html] Pozycjonowanie diva, dlaczego w IE inaczej?
right6
post 9.03.2006, 15:42:53
Post #1





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

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



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 ?


--------------------
To ja invx sie nazywam ... przepraszam i dziekuje ...
Go to the top of the page
+Quote Post
easy
post 9.03.2006, 16:43:10
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 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 laugh.gif
Go to the top of the page
+Quote Post
right6
post 9.03.2006, 18:58:09
Post #3





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

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

eehhh, to nie jest tak jak chcialem. pionowo OK trzyma, alt to mi nic nie daje ...

potrzebuje taki uklad



i nie jestem tego w stanie osiagnac ...

Ten post edytował right6 9.03.2006, 19:16:06


--------------------
To ja invx sie nazywam ... przepraszam i dziekuje ...
Go to the top of the page
+Quote Post
easy
post 9.03.2006, 21:44:32
Post #4





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

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

Jest dokladnie taki jaki chciales, tyle ze nie porozciagany, wyciagnij wnioski i sprobuj sam biggrin.gif
Go to the top of the page
+Quote Post
right6
post 9.03.2006, 22:23:20
Post #5





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

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

[HTML] pobierz, plaintext 
  1. <div style=\"float:left;background:blue;\">
  2.  
  3.  
  4.  
  5.       <div style=\"float:left;background:violet\">
  6.         <div style=\"background:red\">1 aaaaaaa<br><br></div>
  7.        <div style=\"background:darkred\">2 aaaaaaa</div>
  8.       </div>
  9.  
  10.  
  11.       <div style=\"float:left;background:violet\">
  12.         <div style=\"background:red\">4<br><br></div>
  13.        <div style=\"background:darkred\">5</div>
  14.       </div>
  15.  
  16.       </div>
[HTML] pobierz, plaintext


i mam cos takiego ... i sie *** zlewa ;/
mialo by tak:
1 3
2 3

4 6
5 6

czli dwa wiersze, w kazdym diwe kolumny, i ta pierwsza podzielona poziomo na dwa wiersze.
i jak bym nie robl sie zlewa ... nie wiem co Ty porobiles w w/w przykladzie, ale nie potrafie tego odwzorowac ... godzine z tymi paroma divami sie mordowalem ... i nic aaevil.gif


--------------------
To ja invx sie nazywam ... przepraszam i dziekuje ...
Go to the top of the page
+Quote Post
easy
post 9.03.2006, 23:21:06
Post #6





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

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

[HTML] pobierz, plaintext 
  1. <div style="background-color: #FFEBCD;">
  2.   <div style="float: left; width: 40%; background-color: #5F9EA0;">
  3.     <div style="">1 oddzielny box</div> 
  4.     <div style="">2 oddzielny box</div>
  5.   </div>
  6.   <div style="float: left; width: 60%; background-color: #DC143C;">1 box<br />1 box</div>
  7. </div>
  8. <div style="clear: both; ">
  9.   <div style="float: left; width: 40%; background-color: #DEB887;">
  10.     <div style="">1 oddzielny box</div> 
  11.     <div style="">2 oddzielny box</div>
  12.   </div>
  13.   <div style="float: left; width: 60%; background-color: #FF8C00;">1 box<br />1 box</div>
  14. </div>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
« Następny starszy · Przedszkole · Następny nowszy »
 

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

 

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

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

RSS Wersja Lo-Fi Aktualny czas: 14.08.2025 - 08:19
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn