Forum FAQForum FAQSearchSearch MemberlistMemberlist Forum ignore listForum ignore list RegisterRegister ProfileProfile Log in to check your private messagesLog in to check your private messages Log inLog in
Pomoc - DIV like TABLE

 
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side
View previous topic :: View next topic  
Author Message
Skyward



Joined: 27 Aug 2006
Posts: 174
Location: Mamlazoland
PostPosted: 11.12.2006 17:38    Post subject: Pomoc - DIV like TABLE Add user to your forum ignore list Reply with quote
Dakle, imam div u sredini koji kad se širi prema dolje treba širiti ljevi i desni div.
Dolje je kod, radi u svim browserima osim u IE-u


Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<style>
body {
margin: 0px;
}

div.outTable {
width: 100%;
display: table;
}
div.rowTable {
display: table-row;
}
div.cellTable {
display: table-cell;
width: 25%;
background-color: Aqua;
}
div.cellTableTwo {
display: table-cell;
width: 25%;
background-color:Blue;
}

/*IE Only code */
* html div.outTable {
width: 100%;
display: block;
height: 100%;
border: 1px #f00 dotted;
}
* html div.rowTable {
display: inline;
height: 100%;
}
* html div.cellTable {
display: inline;
width: 25%;
background-color: Yellow;
float: left;
height: auto;
}
* html div.cellTableTwo {
display: inline;
width: 25%;
background-color:Orange;
float: left;
height: auto;
}
</style>
</head>

<body>

<div class="outTable">
<div class="rowTable">
<div class="cellTable">Hello Testing</div>
<div class="cellTableTwo">Hello World!</div>
<div class="cellTable">Hello World! This is the text to test if all
the divs reflect the same height as this div, IE fails the text but
mozilla pass it. How do get all versions of IE 5.x, IE 6.0.x to work
 div, IE fails the text but
with this.</div>
<div class="cellTableTwo">Hello Testing </div>
</div>
</div>

</body>
</html>

_________________
NBR member - join us at www.thegamebooks.com
www.gamestats.sail.hr - F.E.A.R stats
Back to top
View user's profile Send private message
Skyward



Joined: 27 Aug 2006
Posts: 174
Location: Mamlazoland
PostPosted: 11.12.2006 17:39    Post subject: Add user to your forum ignore list Reply with quote
znam da je možda glupo i da mogu napraviti sve u tablicama, ali htio bi to skužit u div-u

_________________
NBR member - join us at www.thegamebooks.com
www.gamestats.sail.hr - F.E.A.R stats
Back to top
View user's profile Send private message
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    mi3dot.org Forum Index -> Client-side All times are GMT + 1 Hour
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2005 phpBB Group