[CSS] Max-width in een float:right

Pagina: 1
Acties:

  • Ewald !
  • Registratie: Augustus 2004
  • Niet online
Ok,
Dit is nu wat ik heb omgezet in css: http://ghbs.host.sk
Nu is het de bedoeling dat er een div aan de rechterkant van de container komt te floaten zodat die grijze balk opgevuld wordt. Het is niet de bedoeling dat de tekst buiten dit vak komt.
Ik heb het al geprobeerd met expressions (http://www.svendtofte.com/code/max_width_in_ie/) maar dat werkt niet... Heeft iemand nog ideeen?

  • kaassouffle
  • Registratie: Januari 2002
  • Laatst online: 17:42

kaassouffle

Medewerker v/d Maand

Kan dat niet met een gewone WIDTH ?

Verwijderd

Het is een beetje afhankelijk van wat je wilt dat er gebeurt als de content toch te breed wordt, en ondeelbaar is. Met de overflow properties kun je dat bepalen.

  • Ewald !
  • Registratie: Augustus 2004
  • Niet online
Ik wil het dus locken.. Maar gezien max-width CSS2 is, wekt dit dus niet inc. met IE...

  • Vecodo
  • Registratie: Februari 2003
  • Laatst online: 30-01 10:09
alvast even je stylesheet aangepast
( dit lost het probleem nog niet op )

Hier kijk ik wat later op de dag even na

De Stylesheet
code:
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
79
80
81
82
83
84
85
86
87
/* body */
* { 
    margin:0;
    padding:0;
    }
    
html {
    }
        
body { 
    text-align:center;
    background-image:url(bg.jpg);
    margin:0;
    padding:0; 
    }
    
body tr, td, input, select, textarea {
    background-image:url(bg.jpg);
    background-repeat:repeat-x;
    padding:0;
    margin:0;
    overflow:auto;
    text-align:center; 
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
    font-size:10pt;
    line-height:14pt;
    color:#941C01;
    voice-family:inherit; 
    font-size:small;
    }
    
td, td {
    font-size:100%;
    }
    
#container {
    position:relative; 
    width:861px;
    margin:auto;
    }
    
#header {
    background:url(header1.jpg);
    background-repeat-y:50% 0;
    position:relative;
    height:175px;
    z-index:2;
    width:100%;
    }
    
#container2 {
    background-image:url(wrapper.jpg);
    background-repeat:repeat-y;
    width:100%;
    display:table;
    margin:0 auto;
    text-align:left;
    z-index:1;
    overflow:auto;
    }
    
#inhoud {
    padding-left:25px;
    padding-right:25px;
    text-align:left;
    font-family:"Lucida Grande","Lucida Sans Unicode",Tahoma, Helvetica, Verdana, sans-serif;
    font-size:10pt;
    line-height:14pt;
    color:#133d00;
    voice-family:inherit;
    font-size:small;
    }
    
#side {
    background-color:#000000;
    float:right;
    height:10px;
    width:10px;
    overflow:auto;
    }

    
    
    
/*  elements */
    form { margin:0 0 10px 0; }
    strong { font-weight:bold; background:#E1EBF5; padding:0 2px; }

[ Voor 98% gewijzigd door Vecodo op 10-10-2005 10:52 ]


  • Janoz
  • Registratie: Oktober 2000
  • Laatst online: 29-04 08:14

Janoz

Moderator Devschuur®

!litemod

Hier ( http://www.erikniemeijer.nl/scripts/minmax.js ) staat een scriptje dat ik ooit eens ergens gevonden heb. Deze zorgt ervoor dat min en max wel in IE werken. Je moet de min en max dan echter wel bij het element zelf definieren.

Ken Thompson's famous line from V6 UNIX is equaly applicable to this post:
'You are not expected to understand this'

Pagina: 1