View previous topic :: View next topic |
Author |
Message |
sale072
Joined: 23 Dec 2008 Posts: 27
|
Posted: 19.02.2010 20:12 Post subject: Ne mogu centrirati div :( |
|
|
2 dana se zafrkavam oko ovoga...
Imam 2 DIV-a..
1. u kojem je slika/logo i on ne treba da mrda s lijevog vrha stranice..i to sam riješio.
2. DIV koji sam postavio u sredinu stranice ali, ili mi prelazi preko lijevog ako ga ne fixiram, a ako ga fixiram, pa.. stoji gdje jest, ne pomjera se u skladu sa resizeom browsera...
Dakle da li je moguće postaviti desni div na sredinu stranice i da se pomjera kad smanjimo browser ali da ne prelazi preko lijevog ?
Unaprijed zahvalan!
Evo code:
Code: |
body {
background: #cccccc;
}
#logo {
width: 338px;
margin: -7px;
}
#content {
width: 400px;
height: 500px;
background: white;
margin-top: -150px;
margin-left: 300px;
} |
|
|
|
Back to top |
|
|
hrvoje_86
Joined: 06 Dec 2006 Posts: 107 Location: Zagreb
|
Posted: 19.02.2010 20:23 Post subject: |
|
|
Trebaš ljevu kolonu široku 338px i desnu koja zauzima sav desni prostor ?
Code: |
.left-div{
float:left;
width:338px;
}
.right-div{
margin-left:338px;
}
|
|
|
|
Back to top |
|
|
sale072
Joined: 23 Dec 2008 Posts: 27
|
Posted: 19.02.2010 20:31 Post subject: |
|
|
http://img.ba/pyqh
trbam da mi ovaj bijeli DIV u koji ce ici sadrzaj bude na sredini stranice,a kad resizeam browser da se pomjera sukladno tome lijevo-desno,ali da ne ide preko ovog LOGO... |
|
|
Back to top |
|
|
hrvoje_86
Joined: 06 Dec 2006 Posts: 107 Location: Zagreb
|
Posted: 19.02.2010 20:40 Post subject: |
|
|
Ovak ?
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>Untitled Document</title>
<style type="text/css">
body{
padding-left:200px;
}
.ld{
width:200px;
height:200px;
background-color:#F00;
position:absolute;
z-index:100;
left:0;
}
.rd{
width:400px;
height:1000px;
margin:auto;
border:1px solid #000;
}
</style>
</head>
<body>
<div class="ld">
</div>
<div class="rd">
</div>
</body>
</html>
|
|
|
|
Back to top |
|
|
hrvoje_86
Joined: 06 Dec 2006 Posts: 107 Location: Zagreb
|
Posted: 19.02.2010 20:53 Post subject: |
|
|
Da bude skroz u sredini treba ga staviti u još jedan div
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>Untitled Document</title>
<style type="text/css">
body{
}
.ld{
width:200px;
height:200px;
background-color:#F00;
position:absolute;
z-index:100;
left:0;
}
.rOuter{
width:600px;
margin:auto;
padding:0 200px;
}
.rd{
height:1000px;
border:1px solid #000;
}
</style>
</head>
<body>
<div class="ld">
</div>
<div class="rOuter">
<div class="rd">
</div>
</div>
</body>
</html>
|
|
|
|
Back to top |
|
|
sale072
Joined: 23 Dec 2008 Posts: 27
|
Posted: 19.02.2010 20:54 Post subject: |
|
|
Eee tako nešto... uz male prepravke mislim da je to to... HVALAAA puno ! |
|
|
Back to top |
|
|
|