Toon posts:

[html/css] Design probleem in IE5.5 & 6

Pagina: 1
Acties:

maandag 22 maart 2004 15:17

Acties:
  • VetCool
  • Registratie: Juni 2001
  • Laatst online: 23-05 15:28

VetCool

Topicstarter
Ik heb een probleem dat mijn #content niet klopt als ik er tekst inzet. Dit probleem heb ik trouwens niet in Linux (Konqueror). Ik heb al wat dingen veranderd maar voor IE blijft alles het zelfde.

Het probleem is dat links onder in het grijze tabel de tekst tegen de kant staat terwijl dat bij die regels erboven niet is.

Pagina http://213.201.174.163/~rene/new_div.php

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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> 
<html> 
<head> 
<title>Untitled Document</title> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> 
<style type="text/css"> 
        #container { 
            font-family:  Verdana, Arial, Helvetica, sans-serif; 
            font-size:  12px; 
            width: 800px; 
            border: 1px solid gray; 
            margin: 10px; 
            margin-left: auto; 
            margin-right: auto; 
            padding: 10px; 
        } 

        #banner { 
            height:  50px; 
            padding: 1px; 
            margin-bottom: 1px; 
            background-color: rgb(213, 219, 225); 
        } 

        #content { 
            padding: 1px; 
            margin-left: 203px; 
            background-color: gray; 
        } 
         
        #sidebar { 
            float: left; 
            width: 200px; 
            margin: 0; 
            margin-right: 1px; 
            padding: 1px; 
            background-color: rgb(235, 235, 235); 
        } 

        #footer { 
            text-align:  center; 
            clear: both; 
            padding: 1px; 
            margin-top: 1px; 
            background-color: rgb(213, 219, 225); 
        } 
</style> 
</head> 

<body> 
<div id="container"> 
        <div id="banner">banner</div> 

        <div id="sidebar"> 
            menu<br> 
            menu<br> 
            menu<br> 
            menu<br> 
            menu<br> 
            menu<br> 
        </div> 

        <div id="content"> 
            content#content#content#content#content#content#content#content#content<br> 
            content#content#content#content#content#content#content#content#content<br> 
            content#content#content#content#content#content#content#content#content<br> 
            content#content#content#content#content#content#content#content#content<br> 
            content#content#content#content#content#content#content#content#content<br> 
            content#content#content#content#content#content#content#content#content<br> 
            content#content#content#content#content#content#content#content#content<br> 
            content#content#content#content#content#content#content#content#content<br> 
        </div> 

        <div id="footer">footer</div> 
</div> 

</body> 
</html>



Ik heb ook al wat dingen geprobeerd met position:aboslute; en overflow:scroll; maar dat gaf ook geen uitkomst.

Ik hoop dat het duidelijk is.


Ik hoop dat iemand mij de oplossing kan bieden.

[ Voor 10% gewijzigd door VetCool op 22-03-2004 15:17 ]

oi :P

maandag 22 maart 2004 15:37

Acties:
  • T-MOB
  • Registratie: Maart 2001
  • Laatst online: 21:19

T-MOB

Ik zou even een width aan je content-div meegeven. Blijkbaar verziekt die float je layout. Om je content-div x-browser rechts mooit uit te lijnen zou je hem float: right; kunnen geven. Let wel op dat je cleared na de float.

clear: both; op je footer zou dat moeten doen....

Regeren is vooruitschuiven

Reageer