CSS vraag?
bodytop.png
bodycenter.png
bodybottom.png
nou zijn er dus twee problemen de tekst gaat uit het plaatje.
en de tweede als ik de pagina verklein zoals je op het tweede plaatje ziet dan is het heel raar.
hier hoe het eruit ziet:
tweede probleem
stukje code css:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
body {
background-color: #ff99ff;
color: #000000;
}
#header {
text-align: left;
background: url('images/header.png') center no-repeat;
height: 250px;
}
.logo {
float: left;
padding-left: 165px;
padding-top: 40px;
padding-right: 10px;
padding-bottom: 4px;
}
#bodytop {
background: url('images/bodytop.png') center no-repeat;
height: 44px;
}
#bodycenter {
background: url('images/bodycenter.png') center repeat-y;
text-align: left;
padding-left: 180px;
}
#bodybottom{
background: url('images/bodybottom.png') center repeat-y;
height: 44px;
}
#copyright{
color:;
text-align: center;
}
background-color: #ff99ff;
color: #000000;
}
#header {
text-align: left;
background: url('images/header.png') center no-repeat;
height: 250px;
}
.logo {
float: left;
padding-left: 165px;
padding-top: 40px;
padding-right: 10px;
padding-bottom: 4px;
}
#bodytop {
background: url('images/bodytop.png') center no-repeat;
height: 44px;
}
#bodycenter {
background: url('images/bodycenter.png') center repeat-y;
text-align: left;
padding-left: 180px;
}
#bodybottom{
background: url('images/bodybottom.png') center repeat-y;
height: 44px;
}
#copyright{
color:;
text-align: center;
}
stukje code HTML:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>iCall - De online agenda voor iedereen!</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"><img class="logo" src='images/logo.png'></div>
<div id="bodytop"></div>
<div id="bodycenter">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur auctor nisi, sed scelerisque enim euismod ac. Nullam nec tortor ligula. Mauris vulputate tortor non urna eleifend in eleifend eros blandit. Sed arcu est, condimentum vitae suscipit eget, porta sit amet leo. Nunc at orci in nibh gravida scelerisque. In accumsan tellus enim, vel molestie diam. Proin suscipit lorem vel ipsum mattis semper. Nulla facilisi. Nam dictum nunc sed sapien blandit id ullamcorper nisi semper. Vivamus euismod accumsan augue, eget semper lacus mollis sit amet. Fusce facilisis euismod congue. Maecenas volutpat ornare ligula et semper.
<br />
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur auctor nisi, sed scelerisque enim euismod ac. Nullam nec tortor ligula. Mauris vulputate tortor non urna eleifend in eleifend eros blandit. Sed arcu est, condimentum vitae suscipit eget, porta sit amet leo. Nunc at orci in nibh gravida scelerisque. In accumsan tellus enim, vel molestie diam. Proin suscipit lorem vel ipsum mattis semper. Nulla facilisi. Nam dictum nunc sed sapien blandit id ullamcorper nisi semper. Vivamus euismod accumsan augue, eget semper lacus mollis sit amet. Fusce facilisis euismod congue. Maecenas volutpat ornare ligula et semper.
<br />
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur auctor nisi, sed scelerisque enim euismod ac. Nullam nec tortor ligula. Mauris vulputate tortor non urna eleifend in eleifend eros blandit. Sed arcu est, condimentum vitae suscipit eget, porta sit amet leo. Nunc at orci in nibh gravida scelerisque. In accumsan tellus enim, vel molestie diam. Proin suscipit lorem vel ipsum mattis semper. Nulla facilisi. Nam dictum nunc sed sapien blandit id ullamcorper nisi semper. Vivamus euismod accumsan augue, eget semper lacus mollis sit amet. Fusce facilisis euismod congue. Maecenas volutpat ornare ligula et semper. </div>
<div id="bodybottom"></div>
<div id="copyright">Copyright iCall 2009</div>
</body>
</html>
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>iCall - De online agenda voor iedereen!</title>
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon">
<link href="stylesheet.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="header"><img class="logo" src='images/logo.png'></div>
<div id="bodytop"></div>
<div id="bodycenter">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur auctor nisi, sed scelerisque enim euismod ac. Nullam nec tortor ligula. Mauris vulputate tortor non urna eleifend in eleifend eros blandit. Sed arcu est, condimentum vitae suscipit eget, porta sit amet leo. Nunc at orci in nibh gravida scelerisque. In accumsan tellus enim, vel molestie diam. Proin suscipit lorem vel ipsum mattis semper. Nulla facilisi. Nam dictum nunc sed sapien blandit id ullamcorper nisi semper. Vivamus euismod accumsan augue, eget semper lacus mollis sit amet. Fusce facilisis euismod congue. Maecenas volutpat ornare ligula et semper.
<br />
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur auctor nisi, sed scelerisque enim euismod ac. Nullam nec tortor ligula. Mauris vulputate tortor non urna eleifend in eleifend eros blandit. Sed arcu est, condimentum vitae suscipit eget, porta sit amet leo. Nunc at orci in nibh gravida scelerisque. In accumsan tellus enim, vel molestie diam. Proin suscipit lorem vel ipsum mattis semper. Nulla facilisi. Nam dictum nunc sed sapien blandit id ullamcorper nisi semper. Vivamus euismod accumsan augue, eget semper lacus mollis sit amet. Fusce facilisis euismod congue. Maecenas volutpat ornare ligula et semper.
<br />
<br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam consectetur auctor nisi, sed scelerisque enim euismod ac. Nullam nec tortor ligula. Mauris vulputate tortor non urna eleifend in eleifend eros blandit. Sed arcu est, condimentum vitae suscipit eget, porta sit amet leo. Nunc at orci in nibh gravida scelerisque. In accumsan tellus enim, vel molestie diam. Proin suscipit lorem vel ipsum mattis semper. Nulla facilisi. Nam dictum nunc sed sapien blandit id ullamcorper nisi semper. Vivamus euismod accumsan augue, eget semper lacus mollis sit amet. Fusce facilisis euismod congue. Maecenas volutpat ornare ligula et semper. </div>
<div id="bodybottom"></div>
<div id="copyright">Copyright iCall 2009</div>
</body>
</html>
MVG. Nick
Gewijzigd op 01/01/1970 01:00:00 door Nick
zie vraag bovenaan
Gewijzigd op 01/01/1970 01:00:00 door Nick
Tip over de naam van je site: iCall wil zeggen 'ik bel' en ik kon dus ook het eerste moment ook geen link leggen tussen de naam van de site en dat kalender logootje..
Slecht gekozen dus..
Niet dat het mij uitmaakt hoor ^^.
In ieder geval, als je het zelfde probleem hebt met je nieuwe layout, kun je gewoon overflow hidden gebruiken.
En breedtes geven aan je blokken. Je geeft nu niks op dat iets met breedtes doet, dus geef een maximale breedte, en geef een overflow hidden.
http://www.google.com/search?q=define:call