ie 6 en div
Nou wilde ik deze gaan vernieuwe naar div.
Ik heb daarom een concept gebouwt exact zoals mijn andere pagina er uit zag alleen moet deze zoiezo nog wel wat aan gebeuren en dat weet ik exact ook wat, maar ik weet het alleen maar als je hem bekijkt in FF want in IE 6 en 7 doet ie echt hele rare dingen.
Zien jullie wat ik fout doe ???
Zie hier mij code
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
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
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
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>New Page 1</title>
<style type="text/css">
body, html
{
width: 100%;
height: 100%;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
color: #000000;
line-height: 14pt;
padding: 0px;
margin: 0px;
background-color:#cccccc;
}
</style>
</head>
<body>
<div style="text-align: center; align: center; width:100%; height:100%; background-color:#CCCCCC;">
<div style="width:969px; height:100%; background-color:#000000; margin-left:auto; margin-right:auto;">
<!--topbanner;-->
<div style="width:969px; height:125px; background-color:#000000;">
<!--logo;-->
<div style="width:125px; height:125px; float:left; background-color:#EEEEEE;">
</div>
<!--kop;-->
<div style="width:844px; height:125px; float:right; background-color:#DDDDDD;">
<!--koptekst-->
<div style="width:844px; height:100px; background-color:#DDDDDD">
</div>
<!--menu;-->
<div style="width:844px; height:25px; background-color:#CCCCCC;">
</div>
</div>
</div>
<!--content_container;-->
<div style="width:969px; height:100%; background-color:#BBBBBB;">
<!--content_left;-->
<div style="width:175px; height:100%; float:left; background-color:#AAAAAA;">
</div>
<!--content;-->
<div style="width:794px; height:100%; float:right; background-color:#999999;">
<!--content;-->
<div style="width:644px; height:100%; float:left; background-color:#999999;">
</div>
<!--content_right;-->
<div style="width:150px; height:100%; float:right; background-color:#888888;">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>New Page 1</title>
<style type="text/css">
body, html
{
width: 100%;
height: 100%;
font-family: Verdana, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-variant: normal;
color: #000000;
line-height: 14pt;
padding: 0px;
margin: 0px;
background-color:#cccccc;
}
</style>
</head>
<body>
<div style="text-align: center; align: center; width:100%; height:100%; background-color:#CCCCCC;">
<div style="width:969px; height:100%; background-color:#000000; margin-left:auto; margin-right:auto;">
<!--topbanner;-->
<div style="width:969px; height:125px; background-color:#000000;">
<!--logo;-->
<div style="width:125px; height:125px; float:left; background-color:#EEEEEE;">
</div>
<!--kop;-->
<div style="width:844px; height:125px; float:right; background-color:#DDDDDD;">
<!--koptekst-->
<div style="width:844px; height:100px; background-color:#DDDDDD">
</div>
<!--menu;-->
<div style="width:844px; height:25px; background-color:#CCCCCC;">
</div>
</div>
</div>
<!--content_container;-->
<div style="width:969px; height:100%; background-color:#BBBBBB;">
<!--content_left;-->
<div style="width:175px; height:100%; float:left; background-color:#AAAAAA;">
</div>
<!--content;-->
<div style="width:794px; height:100%; float:right; background-color:#999999;">
<!--content;-->
<div style="width:644px; height:100%; float:left; background-color:#999999;">
</div>
<!--content_right;-->
<div style="width:150px; height:100%; float:right; background-color:#888888;">
</div>
</div>
</div>
</div>
</div>
</body>
</html>
o ja let niet op de kleuren das gewoon voor me zelf om het da duidelijk te hebben.
Al vast bedankt .
M.v.G. Sander van Wijnbergen
Werkt beter en makkelijker
desertme(sander) schreef op 01.11.2007 09:03:
dit had ik eerst ook maar lukt ehet ook niet daarom heb ik het nou zo gedaan want dan zag ik in een oogopslag wat waar hoort.
Ik zou het toch doen. Ik bedoel vooral de styles uit de div-tags halen. De css kan eerst tijdens het bouwen wel bovenin de html-code. Maar uiteindelijk raad ik toch aan om alle opmaakcode in een aparte stylesheet te stoppen.
Vind Google trouwens ook leuker
@ jan ik krijg op 3 verschillende pc alles getest met ff2 en ei6/7 de zelfde errors
in ie krijg ik een scrollbalk van hier tot gunter en mijn linker er rechterbalk verspringen heel erg (in hoogte)
Niek schreef op 01.11.2007 21:40:
Ik zou het toch doen. Ik bedoel vooral de styles uit de div-tags halen. De css kan eerst tijdens het bouwen wel bovenin de html-code. Maar uiteindelijk raad ik toch aan om alle opmaakcode in een aparte stylesheet te stoppen.
Vind Google trouwens ook leuker
Vind Google trouwens ook leuker
even een vraagje tussendoor... vind google pagina's sneller als je een externe css gebruikt? of maakt dat niet uit? want ik include namelijk altijd mijn css bestanden omdat ik het include commando gewoon makkelijker onthoud:P.
Dus stylesheets, javascripts ed kun je het beste altijd extern opslaan.
Zie meer in dit makkelijk leesbare artikel. En dan onder het kopje Validatie en ‘markup to content ratio’ (onderin)
En ik vind het ook nog overzichtelijker werken.
bedankt voor het linkje ik zal er nog wel wat aan gaan hebben waarschijnlijk ;)
(al mijn includes even veranderen in de link van html)
ik denk dat het mischien verstandiger is als ik het gewoon in table laat
nou had ik nog wel een ander vraagje
ik dit met css 2 doen
ik heb een zijkolom daar komen nieuws stukjes in alleen als de kop nu heel lang is bijv. clubkampioenschappen word die kolom in een keer super breed, Ik wil dan dat het woord afgebroken word.
nou lees ik overal op google dat ik word-wrap: break-word; moet gebruiken maar dit werkt niet weet iemand hoe dit anders opgelost kan worden.
alvast weer bedankt
PHP - gewoon de lengte van je header controleren met strlen en eventueel inkorten. Of de functie wordwrap gebruiken
CSS - je kunt overflow gebruiken, maar dan krijg je scrollbalken en dat wil je niet. Er was ook nog een andere truc (met fixed geloof ik) maar ik weet niet of IE dat ondersteunt. Moet ik even opzoeken.
ik wil het graag met css doen.
overflow had ik ook al geprobeert maar niks waarmee je je woor kunt afbreeken
Omdat ik niet precies weet wat ie nou eigenlijk wil met fixed?
n.v.t.
- the illustration is placed immediately before the title and floated right
n.v.t.
- the H1 title, H5 author credit and P blurb all wrap to the left of the illustration
n.v.t.
er staan daar geen images in maar toch bedabkt en dan weet ik dit ook weer (is dit trouwens ook nog met ie7?
{update}
ik heb het nou werkend toch met word-wrap maar dit pikt FF weer niet daarom zag ik eerst nooit wat.
Gewijzigd op 01/01/1970 01:00:00 door desertme(sander)
Als het in ie werkt werkt het in ff niet en anders om en als je ze allbei dan wil gebruiken doen ze het allebei niet meer