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
CSS 3 DIV stupca?

 
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
dnk2001



Joined: 14 Jun 2005
Posts: 81
Location: Zagreb

PostPosted: 27.05.2009 19:06    Post subject: CSS 3 DIV stupca? Add user to your forum ignore list Reply with quote

Dakle ovako.. imam 3 DIV-a jedan pored drugog... srednji ima fiksnu širinu.. e sad lijevi i desni bi htio da su prošireni do ruba browsera i kako se mjenja rezolucija da se taj lijevi i desni proširuju i skupljaju a srednji ostane tako kako je..
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Moebius



Joined: 26 Jan 2004
Posts: 245
Location: zagreb

PostPosted: 27.05.2009 21:50    Post subject: Add user to your forum ignore list Reply with quote

Dobro pitanje, zna li tko?
Back to top
View user's profile Send private message Visit poster's website
strija



Joined: 14 Sep 2003
Posts: 473
Location: Čakovec

PostPosted: 27.05.2009 22:44    Post subject: Add user to your forum ignore list Reply with quote

Ovako na brzinu, ali nije testirano bas:
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" xml:lang="en" lang="en">
<head>
   <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
   <title>Blank</title>
   <style>
   #cont { background: #c00; margin: 0 auto; width: 90%; height: 400px; overflow: hidden; }
   
   #col1, #col2, #col3 { height: 400px; }
   
   #col1 { width: 50%; float: left; background: #0c0; margin-right: -200px; }
   #col3 { width: 50%; float: right; background: #00c; margin-left: -200px; position: relative; left: 200px; }
   
   #col2 { width: 400px; float: left; background: #999; }
   
   .c { padding: 10px; }
   #col1 .c { padding-right: 210px; }
   #col3 .c { padding-right: 210px; }
   </style>
</head>
<body id="home">

<div id="cont">
   <div id="col1">
      <div class="c">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
   </div>
   <div id="col2">
      <div class="c">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
   </div>
   <div id="col3">
      <div class="c">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</div>
   </div>
</div>


</body>
</html>

_________________
We can exist in ambiguity, but it means the deepest loneliness. | creolab.hr | thefarewellreason.com
Back to top
View user's profile Send private message Visit poster's website
dnk2001



Joined: 14 Jun 2005
Posts: 81
Location: Zagreb

PostPosted: 27.05.2009 23:39    Post subject: Add user to your forum ignore list Reply with quote

puno hvala.. to je to.. Dancing
Back to top
View user's profile Send private message Send e-mail Visit poster's website
Moebius



Joined: 26 Jan 2004
Posts: 245
Location: zagreb

PostPosted: 28.05.2009 00:06    Post subject: Add user to your forum ignore list Reply with quote

FF, Opera - odlcan, IE7 los kod resize-a
Back to top
View user's profile Send private message Visit poster's website
strija



Joined: 14 Sep 2003
Posts: 473
Location: Čakovec

PostPosted: 28.05.2009 09:16    Post subject: Add user to your forum ignore list Reply with quote

E to mi se bas i ne da popravljati Wink

_________________
We can exist in ambiguity, but it means the deepest loneliness. | creolab.hr | thefarewellreason.com
Back to top
View user's profile Send private message Visit poster's website
Moebius



Joined: 26 Jan 2004
Posts: 245
Location: zagreb

PostPosted: 28.05.2009 11:30    Post subject: Add user to your forum ignore list Reply with quote

Quote:
E to mi se bas i ne da popravljat

Ne moras Wink
Zanima me iz razloga jer na netu ne mogu pronaci rjesenje koje radi 100%, osim tablica naravno. Ovo tvoje je skoro pa to Smile
Back to top
View user's profile Send private message Visit poster's website
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