Toon posts:

[XHTML/CSS] Plaatsing div onjuist in IE

Pagina: 1
Acties:

donderdag 3 november 2005 11:00

Acties:
  • Xiqum
  • Registratie: Juni 2003
  • Laatst online: 24-04 13:59

Xiqum

Topicstarter
Ik ben momenteel met een website bezig alleen loop ik tegen een probleem aan in Internet Explorer. Ik heb de website namelijk opgebouwd uit tabellen hierin zitten afbeeldingen zowal met IMG als een class met daarin via css een background-image. Ook heb ik een <td> met daarin een <div>. Deze div is met overflow zodat er wordt gescrolled binnen het ontwerp. Echter Internet Explorer lijnt deze div verkeerd uit heb ik de indruk, firefox heeft hier totaal geen last van.

De pagina is hier te vinden:
http://xiqum.net/theflyer/beta/

Probleem is al verholpen

CSS:
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

<style type="text/css">
<!--
body {
    background-color: #262E3B;
}
* {
    padding: 0px 0px 0px 0px;
    margin: 0px;
}
table.main {
width: 750px;
height: 430px;
padding: 0px 0px 0px 0px;
border-spacing: 0px;
}
td.lft {
width: 187px;
padding: 0px 0px 0px 0px;
border-spacing: 0px;
vertical-align: top;
}
td.cnt {
height: 350px;
padding: 0px 0px 0px 0px;
border-spacing: 0px;
background-image: url(dsg/bck.jpg);
background-repeat: no-repeat;
text-align: left;
vertical-align: top;
}
td.tp {
width: 750px;
height: 74px;
background-image: url(dsg/tp.png);
background-repeat: no-repeat;
padding: 0px 0px 0px 0px;
border-spacing: 0px;
}
body,td,th {
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #000000;
}
a:link {
    color: #262E3B;
}
a:visited {
    color: #262E3B;
}
a:hover {
    color: #FF0000;
}
a:active {
    color: #FF0000;
}
/* div voor php include - met overflow (scroll) */
div.include {
  height: 325px;
  width: 550px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-left: 4px;
  margin-right: 4px;
  border-collapse: collapse;
  overflow: auto;
  vertical-align: top;
  text-align: left;
}
-->
</style>


Wie o wie kan mij helpen? _/-\o_

[ Voor 6% gewijzigd door Xiqum op 03-11-2005 12:49 . Reden: Update 1 CSS ]


donderdag 3 november 2005 11:02

Acties:
  • Wacky
  • Registratie: Januari 2000
  • Laatst online: 20-01 18:47

Wacky

Dr. Lektroluv \o/

Geef je div ook eens een margin-right van 0 pixels ...

Nu ook met Flickr account

donderdag 3 november 2005 11:19

Acties:
  • Xiqum
  • Registratie: Juni 2003
  • Laatst online: 24-04 13:59

Xiqum

Topicstarter
Wacky schreef op donderdag 03 november 2005 @ 11:02:
Geef je div ook eens een margin-right van 0 pixels ...
Dit haalt niks uit.
Echter bij het margin-right op 4 pixels scheelt het wel iets maar het is nog steeds niet goed.

fixed
Ik heb een width meegegeven aan cnt waardoor hij nu dus wel die 1px lijn wegdrukt met dit stukje css:

td.cnt {
height: 350px;
width: 563px;

[ Voor 46% gewijzigd door Xiqum op 03-11-2005 12:48 ]


donderdag 10 november 2005 17:52

Acties:

Verwijderd

Mooie site. Ik snap alleen niet waarom je een table gebruikt. Met een paar div's bereik je hetzelfde.

donderdag 10 november 2005 19:48

Acties:

Verwijderd

Zou je het toch nog even online kunnen houden? Dan kan men er hier nog iets van leren :)
Reageer