View previous topic :: View next topic |
Author |
Message |
dnk2001
Joined: 14 Jun 2005 Posts: 81 Location: Zagreb
|
Posted: 27.05.2009 20:06 Post subject: CSS 3 DIV stupca? |
|
|
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 |
|
|
Moebius
Joined: 26 Jan 2004 Posts: 245 Location: zagreb
|
Posted: 27.05.2009 22:50 Post subject: |
|
|
Dobro pitanje, zna li tko? |
|
|
Back to top |
|
|
strija
Joined: 14 Sep 2003 Posts: 473 Location: Čakovec
|
Posted: 27.05.2009 23:44 Post subject: |
|
|
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 |
|
|
dnk2001
Joined: 14 Jun 2005 Posts: 81 Location: Zagreb
|
Posted: 28.05.2009 00:39 Post subject: |
|
|
puno hvala.. to je to.. |
|
|
Back to top |
|
|
Moebius
Joined: 26 Jan 2004 Posts: 245 Location: zagreb
|
Posted: 28.05.2009 01:06 Post subject: |
|
|
FF, Opera - odlcan, IE7 los kod resize-a |
|
|
Back to top |
|
|
strija
Joined: 14 Sep 2003 Posts: 473 Location: Čakovec
|
Posted: 28.05.2009 10:16 Post subject: |
|
|
E to mi se bas i ne da popravljati |
_________________ We can exist in ambiguity, but it means the deepest loneliness. | creolab.hr | thefarewellreason.com |
|
Back to top |
|
|
Moebius
Joined: 26 Jan 2004 Posts: 245 Location: zagreb
|
Posted: 28.05.2009 12:30 Post subject: |
|
|
Quote: | E to mi se bas i ne da popravljat |
Ne moras
Zanima me iz razloga jer na netu ne mogu pronaci rjesenje koje radi 100%, osim tablica naravno. Ovo tvoje je skoro pa to |
|
|
Back to top |
|
|
|