abonnement Unibet Coolblue Bitvavo
  dinsdag 13 februari 2007 @ 08:05:40 #1
12880 CraZaay
prettig gestoord
  dinsdag 13 februari 2007 @ 08:07:40 #2
12880 CraZaay
prettig gestoord
pi_46252604
quote:
Op dinsdag 13 februari 2007 01:14 schreef Geqxon het volgende:
Klein putnje alleen, als ik er het a-element voor gebruik kan ik de breedte niet bepalen.

Daar waar het een blok ik zag ik het in eerste instantie als paragraaf, misschien een beetje dom. Maar so far is een paragraaf het enige dat werkt
Je kan de breedte niet bepalen omdat het a element een inline element is. Zet de a op 'display: block' en je kunt de breedte wel bepalen

Paragraaf als link met onclick, niet doen
pi_46253126
tvp
pi_46253366
quote:
Op dinsdag 13 februari 2007 08:07 schreef CraZaay het volgende:

[..]

Je kan de breedte niet bepalen omdat het a element een inline element is. Zet de a op 'display: block' en je kunt de breedte wel bepalen

Paragraaf als link met onclick, niet doen
Thanks

Ben een beetje aan het spelen met CSS, aangezien ik op het moment vrij ranzige code maak, gecombineerd met vrij ruwe pagina's. Het kan altijd netter.

Het punt van het attribuut block binnen het display property is echter wel dat hij er een line-break achteraan gooit, iets dat ik eigenlijk totaal niet zoek. Zo'n button maken, doe ik dat eigenlijk wel goed?

[ Bericht 12% gewijzigd door Geqxon op 13-02-2007 09:33:33 ]
pi_46260207
Okay ik zat dus zo even mijn myspace aan te passen (lach me maar uit ) in ieder geval dat is ook in CSS en ik wilde net een klikbaar plaatje maken, maar nu komt er een rand om heen... een zwarte.. En nu schijnt dat samen te hangen met dat u{ Maar dat lijkt me sterk want ik neem aan dat dat voor underlined staat...

Kan iemand mij vertellen hoe ik die rand weg kan halen?

Ben totaal een CSS n00b vandaar, maar ik wil het wat beter begrijpen...:

alvast bedankt!

[ Bericht 7% gewijzigd door DutchErrorist op 13-02-2007 15:43:35 ]
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  dinsdag 13 februari 2007 @ 16:04:40 #6
12880 CraZaay
prettig gestoord
pi_46261196
quote:
Op dinsdag 13 februari 2007 09:25 schreef Geqxon het volgende:

Het punt van het attribuut block binnen het display property is echter wel dat hij er een line-break achteraan gooit, iets dat ik eigenlijk totaal niet zoek. Zo'n button maken, doe ik dat eigenlijk wel goed?
Hij maakt er een block level element van, en die neemt de beschikbare ruimte in (en dwingt daarmee het volgende item naar de volgende regel).

Staat de button op zich, of in een list ofzo? Of dit de goede manier is, hangt af van de functie. Is het gewoon een link naar een andere pagina, doe het dan gewoon zo (met het a element dus). Daar is het immers voor, los van hoe je het gaa stylen.
pi_46261314
quote:
Op dinsdag 13 februari 2007 16:04 schreef CraZaay het volgende:

[..]

Hij maakt er een block level element van, en die neemt de beschikbare ruimte in (en dwingt daarmee het volgende item naar de volgende regel).

Staat de button op zich, of in een list ofzo? Of dit de goede manier is, hangt af van de functie. Is het gewoon een link naar een andere pagina, doe het dan gewoon zo (met het a element dus). Daar is het immers voor, los van hoe je het gaa stylen.
Aan de bovenkant van mijn pagina wil ik vier buttons naast elkaar hebben, 200 pixel breed, met een padding van 10 pixels. Deze hebben een href die naar een platte pagina verwijzen, en een onclick die een ajax-functie aanroept, die een bepaalde tekst in een [div] inlaad.
pi_46261405
quote:
Op dinsdag 13 februari 2007 15:34 schreef DutchErrorist het volgende:
Okay ik zat dus zo even mijn myspace aan te passen (lach me maar uit ) in ieder geval dat is ook in CSS en ik wilde net een klikbaar plaatje maken, maar nu komt er een rand om heen... een zwarte.. En nu schijnt dat samen te hangen met dat u{ Maar dat lijkt me sterk want ik neem aan dat dat voor underlined staat...

Kan iemand mij vertellen hoe ik die rand weg kan halen?

Ben totaal een CSS n00b vandaar, maar ik wil het wat beter begrijpen...:

alvast bedankt!
het lijkt me sterk dat het komt door u { } en u staat ook niet voor underlined.
probeer eens dit:

a img { border: 0 }

als dat niet werkt, mag ik dan een link.
pi_46261970
quote:
Op dinsdag 13 februari 2007 16:10 schreef super-muffin het volgende:

[..]

het lijkt me sterk dat het komt door u { } en u staat ook niet voor underlined.
probeer eens dit:

a img { border: 0 }

als dat niet werkt, mag ik dan een link.
super-muffin = held

Nog bedank hé, het werkt namelijk
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
pi_46262204
haha graag gedaan
zulk soort complimenten moedigen aan om door te gaan met helpen.
pi_46262293
quote:
Op dinsdag 13 februari 2007 16:31 schreef super-muffin het volgende:
haha graag gedaan
zulk soort complimenten moedigen aan om door te gaan met helpen.
Haha daar ben ik blij om

Nu je er toch bent, weet jij ook een goede site voor CSS tips, afkortingen etc?
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
pi_46262351
quote:
Op dinsdag 13 februari 2007 16:34 schreef DutchErrorist het volgende:

[..]

Haha daar ben ik blij om

Nu je er toch bent, weet jij ook een goede site voor CSS tips, afkortingen etc?
Puur voor CU2 / myspace truukjes? Of CSS in het algemeen?
pi_46262417
quote:
Op dinsdag 13 februari 2007 16:35 schreef Geqxon het volgende:

[..]

Puur voor CU2 / myspace truukjes? Of CSS in het algemeen?
Beide eigenlijk

Ik bedoel myspace is een leuk opstapje om te beginnen, maar wil het toch een beetje beter beheren
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
pi_46262605
Voor CU2 had je toch mycu2.nl?

Voor het echte CSS gebruik ik vaak www.w3schools.com en af en toe gigadesign.be
pi_46262660
quote:
Op dinsdag 13 februari 2007 16:42 schreef super-muffin het volgende:
Voor CU2 had je toch mycu2.nl?

Voor het echte CSS gebruik ik vaak www.w3schools.com en af en toe gigadesign.be
Haha bedankt

Maar ik heb geen cu2 of naja een hele oude dus:)



[edit] is er ook 1 specifiek voor myspace want mijn css-lijst is een beetje rommelig en wil hem eens van de grond opbouwen [/edit]
Op vrijdag 22 juli 2011 00:30 schreef yvonne het volgende:
Ja DE Ik houd nog heel veel van je
  dinsdag 13 februari 2007 @ 18:50:05 #16
12880 CraZaay
prettig gestoord
pi_46267134
quote:
Op dinsdag 13 februari 2007 16:07 schreef Geqxon het volgende:

[..]

Aan de bovenkant van mijn pagina wil ik vier buttons naast elkaar hebben, 200 pixel breed, met een padding van 10 pixels. Deze hebben een href die naar een platte pagina verwijzen, en een onclick die een ajax-functie aanroept, die een bepaalde tekst in een [div] inlaad.
Lijkt mij een mooie kandidaat voor een unordered list

List items met daarbinnen de links. Links stylen als button, list items (li's) links floaten (of misschien dat 'display: inline' ook werkt) en klaar is Geqxon
pi_46281633
Woei, deel 6
pi_46283666
hoi
pi_46380852
tvp, kon minder leren in het andere dubbele topic
The people who lost my respect will never get a capital letter for their name again.
Like trump...
pi_46408257
Kan Internet Explorer niet omgaan met :before en :after pseudo-elementen, of doe ik iets verkeerd? In Firefox werkt het prima. Het is ook geen grote ramp, het ziet er visueel alleen mooier uit... Maar ik begin onderhand wel te balen van de uitzonderingen van IE...
pi_46409096
Van IE6 weet ik zeker dat het niet met :before en :after overweg kan. van IE7 weet ik het niet.
pi_46409425
IE7 blijkbaar ook niet. Bij Firefox wordt mijn :before elementje perfect weergegeven, maar bij IE7 dus niet. Jammer, het was slechts een detail, maar toch...
pi_46409607
Jammer voor IE dan. Maar wat wou je er precies mee doen? Misschien kun je het ook anders oplossen? Misschien een voorbeeld
pi_46409795
Ach, het is niets. Het is een visueel dingetje. Twee gekleurde blokjes voor een bepaald zinnetje dat een actie aan de gebruiker voorstelt. Het staat mooier, maar in IE werkt het gewoon niet, tenzij ik het overal handmatig invoer en daar heb ik geen zin in. Dan maar gewoon zo laten staan. Krijgen de Firefox gebruikers iets extra's, en IE-mensen moeten maar op een houtje bijten.

Al had het mijn navigatie of iets dergelijks danig in de war geschopt had ik er wel wat aan gedaan, maar nu vind ik het wel mooi zo...
pi_46880811
Ik heb wat newbiehulp nodig, volgens mij ben ik css verleerd ofzo



Ik wil aan de linkerkant een vast menu hebben, van boven tot onder aan de pagina met een hoogte van 100% en een breedte van 200px. Er omheen een margin van 5px.

Aan de rechterkant wil ik verschillende groottes aan 'panels' hebben. De pagina is opgedeeld in drie stukken, de panels kunnen 1/3e, 2/3e of de gehele breedte innemen. Hoe krijg ik dat netjes voor elkaar? Zoals je ziet staat het "TV guide" kopje te ver naar onderen, die moet automatisch naar boven schuiven. Verder is het "navigatie" kopje wel 100%, maar zorgt de marge van 5px ervoor dat er alsnog een scrollbar komt. Ik wil dus een hoogte van 100% - 10px hebben. Ook lijnen de 'panels' niet mooi uit, zoals je aan de rechterkant kunt zien.

Ik ga de css maar niet posten omdat ik beter overnieuw kan beginnen. Graag wat basics over hoe ik dit goed kan krijgen

FF ondersteuning maakt op zich niet zoveel uit, het is voor op de desktop. als het maar werkt in IE dus
pi_46881500
Ik zeg: Twee grote divs naast elkaar, en daar stop je vervolgend de kleine divjes zoals de indexservice, TV-guide en statistics in.
pi_46882075
quote:
Op zaterdag 3 maart 2007 17:12 schreef Geqxon het volgende:
Ik zeg: Twee grote divs naast elkaar, en daar stop je vervolgend de kleine divjes zoals de indexservice, TV-guide en statistics in.
Hm, zoiets heb ik al. De linkerdiv is absoluut gepositioneerd (waarmee ik dus het probleem krijg dat hij te hoog wordt bij 100%). De body heeft een margin-left van 210px, waardoor de rest van de panels niks met de linkerdiv te maken hebben.

Maar dan blijven alle problemen bestaan. Ik heb even een schemaatje gemaakt, misschien maakt dat het probleem duidelijker:


Handig er bij te vermelden dat de panels niet een vaste plek hebben, dat verschilt per pagina.
Elk rood lijntje moet een 5px marge voorstellen. Blokje 5 moet dus aansluiten op blok 3. Blok 7 moet aansluiten op blok 6 en blok 4.
pi_46896927
Niet echt CSS, maar toch:
1
2
3
4
5
6
7
8
9
10
11
<table width="600">
   <tr>
      <th width="150"><b>Titel 1</b></th>
      <th width="290" colspan="2"><b>Titel 2</b></th>
      <th width="80" colspan="2" class="centeralign borderleftright"><b>Titel 3</b></th>
      <th width="80" colspan="2" class="centeralign borderleftright"><b>Titel 4</b></th>         
   </tr>
   <tr class="trdark">
      <td colspan="7">No records found</td>
   </tr>
</table>


Safari keurt dit pas goed zodra ik colspan="7" verander in colspan="8", terwijl ik zelf toch echt 7 kolommen tel? Iemand tips?
  zondag 4 maart 2007 @ 09:36:11 #29
74523 BaggerUser
ModderFokker!
pi_46898727
simpel probleem:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>BaggerUser</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stylesheet.css" type="text/css" rel="stylesheet" />


</head>
<body>


<div id='main'>
   <div id='body'>
      <div id='container'>
         <div id='menu'>menu</div>
         <div id='content'>content</div>
      </div>
   </div>
</div>


</body>
</html>


en css formulier

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {margin: 0;padding: 0;}
ul,li {list-style-type: none;}

body, textarea, input {background-color: #F5F5F5; color: #000000;font: 11px/18px Arial,Tahoma;}

#main {
background-color: #ffffff;
}

#body {

}

#container {

}

#menu {
width: 300px;
float: left;
}

#content {
float: left;



het probleem is zodra er float wordt gebruikt nemen de menu en content div de achtergrond kleur niet meer over van de main div.. en worden ze grijs.. terwijl ze wit moeten blijven..

iemand ?

[ Bericht 0% gewijzigd door buzzer op 24-01-2008 20:26:17 ]
De enige echte BaggerUser!
Riemen
fiets kopen
pi_46899588
quote:
Op zondag 4 maart 2007 02:15 schreef Geqxon het volgende:
Safari keurt dit pas goed zodra ik colspan="7" verander in colspan="8", terwijl ik zelf toch echt 7 kolommen tel? Iemand tips?
Misschien snapt Safari het wel als je de eerste cell een colspan=1 geeft?
Wil iedereen die in telekinese gelooft nu mijn hand op steken?
| Foto's van toen en nu | Icons | Whatpulse keyboard | .NET developer? |
pi_46902858
quote:
Op zondag 4 maart 2007 09:36 schreef BaggerUser het volgende:
simpel probleem:
[ code verwijderd ]

en css formulier
[ code verwijderd ]

het probleem is zodra er float wordt gebruikt nemen de menu en content div de achtergrond kleur niet meer over van de main div.. en worden ze grijs.. terwijl ze wit moeten blijven..

iemand ?
Je bent sowieso een accolade vergeten aan het einde.

maar je moet dan overflow: auto; aan de parent geven, wat #main is in dit geval
  zondag 4 maart 2007 @ 14:03:01 #32
74523 BaggerUser
ModderFokker!
pi_46903755
quote:
Op zondag 4 maart 2007 13:27 schreef super-muffin het volgende:

[..]

Je bent sowieso een accolade vergeten aan het einde.

maar je moet dan overflow: auto; aan de parent geven, wat #main is in dit geval
de accolade sotnd er wel maar was niet mee gekopieerd per ongeluk

maar overflow: auto; helpt in firefox idd, maar in ie hlpt het nog niet ? wat is de hack daarvoor ?..
De enige echte BaggerUser!
Riemen
fiets kopen
pi_46904447
Volgens mij moet je dan een <br /> aan het einde van de #main doen.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id='main'>
   <div id='body'>
      <div id='container'>
         <div id='menu'>menu</div>
         <div id='content'>content</div>
      </div>
   </div>
   <br class="clear" />
</div>

CSS:

.clear {
clear: both; }


Maar dat weet ik niet zeker, ik heb geen IE hier :)
  zondag 4 maart 2007 @ 14:54:38 #34
74523 BaggerUser
ModderFokker!
pi_46905333
quote:
Op zondag 4 maart 2007 14:28 schreef super-muffin het volgende:
Volgens mij moet je dan een <br /> aan het einde van de #main doen.
[ code verwijderd ]

Maar dat weet ik niet zeker, ik heb geen IE hier
gelukt, dankje!
De enige echte BaggerUser!
Riemen
fiets kopen
  maandag 5 maart 2007 @ 19:01:36 #35
3394 Coelho
BigGreenEgg
pi_46950552
Ik ben wat aan het knutselen met CSS, en hoop dat iemand mij kan helpen. Pagina wordt gecentreerd weergegeven dmv een supercontainer DIV die voor de achtergrond zorgt. Hierin een container die gecentreerd is en een vaste breedte heeft. De container bevat een header en een footer met daartussen 3 kolommen: left, content, right. Positioneren lijkt goed te gaan, bij een meer dan schermvullende content stretcht alles mooi mee, echter wanneer de content maar een kwart pagina bevat, zweeft de footer ergens halverwege het scherm en zie je onderaan nog een stuk achtergrondkleur die ik ook links en rechts van het te centreren blok heb gebruikt.

Ik zou graag willen dat indien content te weinig is, de footer ongeacht content, ongeacht resolutie strak op de onderkant van het venster zit. Het meestretchen moet uiteraard blijven bestaan. Zie hier het belangrijkste deel van mijn code:

HTML:
1
2
3
4
5
6
7
8
9
10
11
12
13
<body>

<div id="supercontainer">
  <div id="container">   
    <div id="header"></div>   
<div id="left">menu</div>   
<div id="right">add</div>   
<div id="content">tekst</div>   
<div id="footer"></div> 
  </div>
</div>
  
</body>


CSS
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
#supercontainer {
   display:inline;
   top:0px;
   bottom:0px;
   background-color:#4b2f29;
   background-image:url(images/dubbelschaduw.gif);
   background-position:center;
   background-repeat:repeat-y;
   margin:0px auto;
   width:100%;   
   height:100%;   
}

#container {   
   background-color: #fff9cd;
   border: 0px;
   color: #333333;
   margin:0px auto;
   width:770px;         
   height:100%;   


#header {
   background-color: #fff9cd;
   background-image:url(images/header.gif);
   border-bottom: 0px;
   height:125px;
   padding:0px;
}

#left {
   background-color: #fff9cd;
   float: left;
   margin: 0;
   padding: 5px;
   width: 125px;
}

#right {
   background-color: #fff9cd;
   border-color: #a27c65;
   border-style:dashed;
   border-width:1px;
   float: right;
   margin-right:5px;
   margin-top:20px;
   padding: 5px;
   width: 125px;
}

#content {
   border-left: 0;
   border-right: 0;
   margin-left: 140px;
   margin-right: 140px;
   padding:25px;   
}

#footer {   
   border-top: 1px solid gray;
   clear: both;
   margin:0px auto;
   padding:0px 0px 5px 0px;   
   width:770px;
   height:60px;   
   text-align:center;            
}


Wie heeft de gouden tip?
  maandag 5 maart 2007 @ 19:03:36 #36
12880 CraZaay
prettig gestoord
pi_46950630
Close to impossible. Er is al genoeg over geschreven her en der, maar ik heb geen enkele versie kunnen vinden die cross-browser precies deed wat 'ie hoorde te doen.
  maandag 5 maart 2007 @ 19:25:45 #37
3394 Coelho
BigGreenEgg
pi_46951556
quote:
Op maandag 5 maart 2007 19:03 schreef CraZaay het volgende:
Close to impossible. Er is al genoeg over geschreven her en der, maar ik heb geen enkele versie kunnen vinden die cross-browser precies deed wat 'ie hoorde te doen.
shit, dat ga je niet menen... Geen idee hoe het op een andere visueel nette manier op te lossen. Zul je nog zien dat ik dadelijk mijn content moet gaan overvullen met <br> en dat keer 100

Als je een oplossing hebt die IE proof is dan ben ik (half) tevreden, ik heb niet het idee dat de doelgroep van mijn site allerlei exotische browsers gebruikt.
pi_46952321
quote:
Op maandag 5 maart 2007 19:01 schreef Coelho het volgende:

Ik zou graag willen dat indien content te weinig is, de footer ongeacht content, ongeacht resolutie strak op de onderkant van het venster zit. Het meestretchen moet uiteraard blijven bestaan. Zie hier het belangrijkste deel van mijn code:
Heb je hier wat aan?
http://www.themaninblue.com/experiment/footerStickAlt/
  dinsdag 6 maart 2007 @ 22:19:29 #39
74523 BaggerUser
ModderFokker!
pi_46993845
ik ben weer eens vastgelopen...
ben bezig met een klein ajax foto boekje maar het css gedeelde doet totaal noiet wat hjet zou moeten doen.. in FF neit en in IE niet.

even ter visualisatie zie: www.mijnnaam.nl
(zie fotoalbum en speel wat met die pijltjes)

de structuur:
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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Mijn Naam</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link href="stylesheet.css" type="text/css" rel="stylesheet" />

<script language='javascript' src='javascript/SubmitOnce.js'></script> 
<script language='javascript' src='javascript/clienthint.js'></script> 

</head>
<body>


<div id='main'>
   <div id='disclaimer'>
      <a href='http://validator.w3.org/check?uri=referer'>xhtml 1.0</a> | <a href='#'>contact</a>   
   </div>
   <br />
   <div id='body'>
      <div id='container'>
         <div id='menu'>
         <br />
            <h4>menu</h4>
            <p>
            <img src='a.gif' alt=''/> 26.02.2007 <a href='http://esperanza-bolivia.com'>Esperanza-Bolivia</a>
            </p>
         </div>
         <div id='content_wrapper'>
            <br />
            <div id='content'>
               <h4>welkom,</h4>
               <p>
                  <a href="#" onClick='showHint("1")'>Fotoalbum</a>
               </p>
               


            </div>
         </div>
      </div>
   </div>
</div>
<div id='footer'></div>


</body>
</html>


de css file:

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
88
89
90
91
92
93
94
95
html, body, form, fieldset, h1, h2, h3, h4, h5, h6, pre, blockquote, ul, ol, dl, address {margin: 0;padding: 0;}
ul,li {list-style-type: none;}

body, textarea, input {background-color: #F5F5F5; color: #000000;font: 11px/18px Arial,Tahoma;}

a:active
{  
   color: #0984AE; 
   text-decoration: underline;
}
a:hover 
{  
   color: #0984AE; 
   text-decoration: none;
}
a:link 
{  
   color: #0984AE; 
   text-decoration: underline;
}
a
{  
   color: #0984AE; 
   text-decoration: underline;
}

h4 {
font-size: 15px;
}

#main {
background-color: #ffffff;
width: 100%;
overflow: auto;
}

#disclaimer {
color: #999999;
float: right;
text-align: right;
}

#body {

}

#container {
margin: 0 10px 0 10px;

border-top-width: 1px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 0px;

border-top-style: solid;
border-top-color: #E2E2E2;
}

#menu {
width: 300px;
float: left;
}

#content_wrapper {
min-height: 300px;
float: left;

border-top-width: 0px;
border-right-width: 0px;
border-bottom-width: 0px;
border-left-width: 1px;

border-left-style: solid;
border-left-color: #E2E2E2;
}

* html #content_wrapper {
  height: 300px;
}

#content_wrapper #content {
margin: 0 10px 0 10px;
vertical-align: top;
overflow: hidden;
float: left;
background-color: #0fffff;

}

#footer {
font-size: 5px;
height: 5px;
width: 100%;
background-color: #ECECEC;
}



hoop dat jullie zien waar he taan lgit heb al diverse vage problem gehad net hiermee... opeens scrollbalken... opeens verschuivende divs maar verder dan dit kwam ik niet..

heb de content div een een ander kleurtje gegeven zodat het probleem nog duidelijker wordt.

tevens gaat de content div onder de menu div zitten en makt zich 100% breed terwijl hij er netjes naast zou moeten...


help!! (ja ik ben wanhopig )

[ Bericht 1% gewijzigd door iteejer op 27-01-2008 10:02:31 ]
De enige echte BaggerUser!
Riemen
fiets kopen
  dinsdag 6 maart 2007 @ 23:27:49 #40
12880 CraZaay
prettig gestoord
pi_46997687
En nu ga je ons precies vertellen wat er dan niet is zoals je verwacht? Hier zie ik in FF niets geks namelijks.
  woensdag 7 maart 2007 @ 13:16:51 #41
154149 ManInLove
Real wisdom is a rare gift
pi_47012758
quote:
Op maandag 5 maart 2007 19:01 schreef Coelho het volgende:
Ik ben wat aan het knutselen met CSS, en hoop dat iemand mij kan helpen. Pagina wordt gecentreerd weergegeven dmv een supercontainer DIV die voor de achtergrond zorgt. Hierin een container die gecentreerd is en een vaste breedte heeft. De container bevat een header en een footer met daartussen 3 kolommen: left, content, right. Positioneren lijkt goed te gaan, bij een meer dan schermvullende content stretcht alles mooi mee, echter wanneer de content maar een kwart pagina bevat, zweeft de footer ergens halverwege het scherm en zie je onderaan nog een stuk achtergrondkleur die ik ook links en rechts van het te centreren blok heb gebruikt.

Ik zou graag willen dat indien content te weinig is, de footer ongeacht content, ongeacht resolutie strak op de onderkant van het venster zit. Het meestretchen moet uiteraard blijven bestaan. Zie hier het belangrijkste deel van mijn code:

HTML:
[ code verwijderd ]

CSS
[ code verwijderd ]

Wie heeft de gouden tip?
Je layout hoeft geen flexibele breedte te hebben, maar een vaste breedte voor de hele site?

Dan zou ik in die supercontainer onder de header en boven de footer nog een tweede subcontainer-divje plaatsen en die relatief tov de supercontainer plaatsen. Zet dan je overige div's absoluut gepositioneerd in die subcontainer en dan kun je de uitlijning helemaal goed plaatsen.

Wat ik op mijn site heb gedaan is deze basishack gebruiken voor de supercontainer, die werkt zowel in IE als in firefox:
http://bluerobot.com/web/css/center1.html

Succes!
  woensdag 7 maart 2007 @ 14:29:47 #42
12880 CraZaay
prettig gestoord
pi_47015443
quote:
Op woensdag 7 maart 2007 13:16 schreef ManInLove het volgende:

Wat ik op mijn site heb gedaan is deze basishack gebruiken voor de supercontainer, die werkt zowel in IE als in firefox:
[url=http://bluerobot.com/web/css/center1.html
]http://bluerobot.com/web/css/center1.html[/quote][/url]
Ik zie geen hack, alleen normale CSS hoor

Die IE fix heb je niet echt nodig overigens, da's alleen voor IE5.x, "margin: 0 auto" zou afdoende moeten zijn.
pi_47134299
My god, wat ik mij net toch tegen kwam:

1<a href="#" onclick="window.location='./reactie.asp'">klik dan hier</a>


Ik zie hier al twee zeer onzinnige punten :P
pi_47136602
Klik dan hier is helemaal geen goede tekst, voor de rest zie ik niks geks?

  zaterdag 10 maart 2007 @ 23:17:17 #45
12880 CraZaay
prettig gestoord
pi_47139863


Je vraagt je toch af waarom iemand daarvoor javascript gebruikt. Een verwoede poging om zo obtrusive mogelijk te werken
pi_47140065
En ook heerlijk dat je door dit soort geintjes geen "Copy link" , "Add link to bookmarks" of "Open link in new tab" kan doen, heel de browser interpertation is door de war

Om maar over de engszins perfectionistische punt-slash aan het begin te zwijgen
  zondag 11 maart 2007 @ 09:47:44 #47
12880 CraZaay
prettig gestoord
pi_47147212
Niet toegankelijk voor zo'n beetje iedere andere user agent
pi_47147654
edit: al gelukt

[ Bericht 34% gewijzigd door Whizzkith op 11-03-2007 10:46:00 ]
pi_47157390
http://chillosophy.nl/fok/test.html

Wat moet ik veranderen om het in IE aan de praat te krijgen? Het is helemaal niet van belang dat het andere browsers werkt, maar de browser waar het om gaat trekt zich niet echt veel aan van de boundaries en laat de tekst mooi doorlopen over de hele pagina.

De twee 'panels' waar het wel werkt hebben een height-waarde in de CSS. Dus daar zal het probleem waarschijnlijk zitten. Maar ik weet geen hoogte van de andere twee panels, omdat dat afhankelijk is van de schermgrootte.
pi_47266520
Met percentages werken?

Ik heb ook een vraag.
Simpel opbouwtje:
header.png
content.png
footer.png

3 plaatjes die ik als achtergrond wil gebruiken, waarbij content.png in de hoogte uitgerekt moet worden, afhankelijk van de hoeveelheid content die er op dat moment in de pagina gepropt zit.

Ik heb nu een wrapper met 3 containers daarin, en dan de plaatjes als achtergrond in de containers.

Dat werkt allemaal leuk, maar als ik nou een stuk tekst in die middelste container wil gooien komt die echt helemaal tegen de rand aan. Logisch, maar niet netjes. Hoe los je dat op? Nog een divje in het divje dat al in een divje zit, of toch anders?
abonnement Unibet Coolblue Bitvavo
Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')