Toon posts:

[css/IE] tekst verspringt door een div blokje links

Pagina: 1
Acties:
  • 105 views sinds 30-01-2008
  • Reageer

woensdag 5 oktober 2005 11:50

Acties:
  • WPN
  • Registratie: Augustus 2003
  • Laatst online: 30-03 22:59

WPN

Topicstarter
Ik ben bezig met een site voor een van mn nieuwe projecten....

hierbij probeer ik nu eerst de layout aan de praat te krijgen voordat ik doorga met andere dingen

ik loop nu op een probleem met IE

Ik heb de site in het midden van de browser, links van de pagina ga ik een menu maken, alles qua layout is met divs gedaan

als ik het menu gedeelte toon dan verspringt mn content een klein beetje naar rechts, tot dat de content het einde van het menu bereikt, en dan springt het weer naar de goede plek...
In IE gebeurt dit dus, als ik in firefox kijk dan werkt het goed
als ik het menu langer maak, dan loopt de verspringing dus gewoon mee

Afbeeldingslocatie: http://home.caiway.nl/~peluso/tweakers/css.png


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

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
body
{
 margin: 0px;
 padding: 0px 10% 0px 10%;
 height: 100%;
 background-color: #FFF9F9;
}
#container
{
 -moz-box-sizing: padding-box;
 height: 100%;
 border-left: 1px solid red;
 border-right: 1px solid red;
}
#container2
{
 padding: 5px;
}
#content
{
 margin-left: 180px;
 text-align: left;
 border: 1px solid;

}
#top
{
 border-bottom: 1px solid red;
 height: 100px;
 padding: 1px;
}
#crum
{
 border-bottom: 1px solid red;
 height: 20px;
 padding: 1px;
}
#links
{
 float: left;
 width: 150px;
 z-index: 1;
}
#menu
{
 border-right: 1px dashed red;
 border-bottom: 1px dashed red;
}
#info
{
 margin-top: 25px;
 border-top: 1px dashed red;
}
</style>
</head>

<body>
 <div id="container">
  <div id="top">Top</div>
  <div id="crum">crum</div>
  <div id="container2">
   <div id="links">
    <div id="menu">Test<br>Test</div>
    <div id="info">Info</div>
   </div>
   <div id="content">
    content<br>content<br>content<br>content<br>content<br>content<br>content<br>content<br>
   </div>
  </div>
 </div>
</body>
</html>



ik heb ook de header
code:
1

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">


gebruikt, als ik dat doe dan lopen de lijnen van top naar onderkant niet meer door in FF, en die wil ik wel graag zo lang houden...

ik heb de blokken ook relative geplaatst in de content container maar dat mocht niet baten...

de layout van mn site is natuurlijk makkelijk op te lossen door frames te gebruiken, maar ik zie liever alles met divs

wie weet wat dit verschijnsel is, en hoe ik ervanaf kom?
ik gebruik IE 6 sp2

edit: thnx disjfa, zat beetje te kloten met die tags, lol
3pixel topic gaat ik ff lezen

[ Voor 78% gewijzigd door WPN op 05-10-2005 12:29 ]

Als ik denk zoals ik dacht, dan doe ik zoals ik deed, als ik doe zoals ik deed, dan denk ik zoals ik dacht! Cogito Ergo Sum

woensdag 5 oktober 2005 11:56

Acties:
  • disjfa
  • Registratie: April 2001
  • Laatst online: 08-01 11:17

disjfa

be

HTML:
1

<html>

Code tags zijn geen html tags ;) code=html

Verder is het de altijd gezellige 3pixel bug
Is al vaker langs gekomen :)

disjfa - disj·fa (meneer)
disjfa.nl

Reageer