[CSS] voor dummies - Deel 4

Index

» digital corner

actieve topics nieuwe topics
abonnement Unibet Coolblue
pi_36288002
Is het misschien een optie om een mod de laatste post van het vorige topic aan te passen met een verwijzing naar dit topic? Of vraag ik dan teveel?

Verkapte TVP
Geloven is zeker weten dat je het niet weet.
Geloven maakt meer kapot dan je lief is.
Vloeken is aangeleerd...geloven ook.
pi_36288346
quote:
Op woensdag 22 maart 2006 17:27 schreef Desdinova het volgende:
<IFRAME SRC="hoofdpagina.html" WIDTH="100%" HEIGHT=100%" frameborder="0" name="content" scrolling="no">[knip errortekst]</IFRAME>
Dat is een oplossing, maar zorgt weer voor een ander probleem; je krijgt (logischerwijs) geen scrollbalk te zien. Maar de content is op sommige pagina's wel langer dan het iframe hoog is...

Andere oplossing? Toevoegingen?
.
pi_36289647
er staat trouwens geen dubbele quote voor 100% bij height?
quote:
<body>
<table style="border-width: 0px; width: 760px; height: 100%; border-collapse: collapse;" border="1">
<tr>
<td colspan="2" style="text-align: right; vertical-align: bottom; width: 760px; height: 129px; padding: 8px; background-image: url(images/header.jpg); background-repeat: no-repeat;">
".$menuitems."
</td>
</tr>
<tr>
<td style="vertical-align: bottom; text-align: left; width: 158px; height: 80px; padding-left: 8px; padding-bottom: 8px; background-image: url(images/left.jpg); background-repeat: no-repeat;">
<div style="width: 150px; height: 20px; overflow: hidden; text-align: left; vertical-align: bottom; padding:0px; margin:0px;">".$nav."</div>
</td>
<td rowspan="2" style="text-align: left; vertical-align: top; width: 602px; height: 100%;">
<div style="width: 600px; margin: 0px; padding: 0px; text-align: center;">".$table."</div>
</td>
</tr>
<tr>
<td style="text-align: right; width: 158px; vertical-align: top; padding-right: 8px; height: 100%; background-image: url(images/bg.jpg);">
".$submenuitems."
</td>
</tr>
</table>
</body>
waarom wordt hier de cel met $nav groter naarmate de $table groter wordt?
ik kom er ECHT niet uit.. even niet letten op incompatibiliteit met PHP want dat zit in t echte script wel snor
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36290760
quote:
Op donderdag 23 maart 2006 10:12 schreef Desdinova het volgende:
er staat trouwens geen dubbele quote voor 100% bij height?
Ah, dat is waarschijnlijk een copy/paste foutje geweest, bedankt.
niet dat het verschil maakt, maar ik houd wel van nette code
.
pi_36290903
<IFRAME SRC="hoofdpagina.html" WIDTH="100%" HEIGHT=100%" frameborder="0" name="content" scrolling="no">[knip errortekst]</IFRAME>
scrolling="no" heb ik er toch maar weer uitgehaald, aangezien ik op zijn minst wél de scrollbalken wil hebben. Maar hoe zorg ik ervoor dat Internet Explorer netjes omgaat met de inhoud?

FireFox zet dus 'goed' de verticale scrollbalk neer en zorg dat de inhoud wordt aangepast. Internet Explorer behoudt de breedte van de inhoud en plaatst DAN PAS de verticale scrollbalk. Daar komt de horizontale scrollbalk om de hoek kijken, aangezien daar te weinig ruimte voor is op dat moment.
.
pi_36291056
als je in je body van de pagina in je iframe een margin zet? margin-right: 20px; ofzo?
As a rule, I never touch anything more sophisticated and delicate than myself.
  donderdag 23 maart 2006 @ 11:24:28 #8
23170 WebForce
Kijk mij nou!
pi_36291481
Hallo! Ik heb een standaard pivot weblogje al een tijdje in beheer, maar nu kom ik er eigenlijk pas achter dat het helemaal niet lekker in elkaar zit met IE. In Firefox doet 'ie het prima...
Dit is de site. In FF ziet die er dus prima uit, maar als je in IE het venster kleiner maakt zie je dat de onderste twee kolommen (div) blijven ; staan'...

Alles zit 'in' een body, de rechter kolom heet heeft de div 'centercolumn', de rechter 'rightcolumn' en het plaatje/logo 'header'.

Zo zit een gedeelte van de css eruit:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21		body {
   padding: 0px;
   width: 807px;
   background: #DDD;
   margin: auto;
}

#centercolumn {
   padding: 6px 0px;
   position: absolute;
   width: 600px;
}

#rightcolumn {
   position: absolute;
   margin-left: 600px;
   width: 205px;
}

#header {
}


Ik heb lopen zoeken hoe dat precies zit met position etc., maar ik kom er niet uit . Wie helpt?

the_disheaver, de laatste post in het vorige topic was voor mij? Want dan gaat het niet helemaal werken...
pi_36291552
quote:
Op donderdag 23 maart 2006 11:08 schreef Desdinova het volgende:
als je in je body van de pagina in je iframe een margin zet? margin-right: 20px; ofzo?
Dat maakt helaas geen verschil, IE lijkt de margin mee te rekenen als content-ruimte. Het resultaat blijft dus hetzelfde... Jij hoopte dat IE deze ruimte zou 'gebruiken' voor de verticale scrollbalk neem ik aan?
.
pi_36291566
zet om die 2 divs een container div, dan ben je klaar denk ik.
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36291629
quote:
Op donderdag 23 maart 2006 11:26 schreef Tackleberry het volgende:

[..]

Dat maakt helaas geen verschil, IE lijkt de margin mee te rekenen als content-ruimte. Het resultaat blijft dus hetzelfde... Jij hoopte dat IE deze ruimte zou 'gebruiken' voor de verticale scrollbalk neem ik aan?
dat hoopte ik ja

je zou padding-right kunnen proberen.. voor de volledigheid.


waarom pakt Opera + Netscape <body style="text-align: center;"> niet btw? hij blijft mn content links uitlijnen..
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36291651
quote:
Op donderdag 23 maart 2006 11:27 schreef Desdinova het volgende:
zet om die 2 divs een container div, dan ben je klaar denk ik.
Als je het tegen mij hebt: ik maak geen gebruik van divs en (dummie topic) wat een container div is...
.
  donderdag 23 maart 2006 @ 11:30:30 #13
23170 WebForce
Kijk mij nou!
pi_36291667
quote:
Op donderdag 23 maart 2006 11:27 schreef Desdinova het volgende:
zet om die 2 divs een container div, dan ben je klaar denk ik.
Dat is een reactie op mijn post?
pi_36291709
quote:
Op donderdag 23 maart 2006 11:30 schreef WebForce het volgende:

[..]

Dat is een reactie op mijn post?
die was op jou ja
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36291718
quote:
Op donderdag 23 maart 2006 11:29 schreef Desdinova het volgende:
dat hoopte ik ja

je zou padding-right kunnen proberen.. voor de volledigheid.
Hetzelfde resultaat, zoals verwacht.
.
  donderdag 23 maart 2006 @ 11:32:27 #16
23170 WebForce
Kijk mij nou!
pi_36291726
quote:
Op donderdag 23 maart 2006 11:32 schreef Desdinova het volgende:

[..]

die was op jou ja
En hoe moet ik dat ongeveer zien dan?
pi_36291767
quote:
Op donderdag 23 maart 2006 11:24 schreef WebForce het volgende:
Hallo! Ik heb een standaard pivot weblogje al een tijdje in beheer, maar nu kom ik er eigenlijk pas achter dat het helemaal niet lekker in elkaar zit met IE. In Firefox doet 'ie het prima...
Dit is de site. In FF ziet die er dus prima uit, maar als je in IE het venster kleiner maakt zie je dat de onderste twee kolommen (div) blijven ; staan'...

Alles zit 'in' een body, de rechter kolom heet heeft de div 'centercolumn', de rechter 'rightcolumn' en het plaatje/logo 'header'.

Zo zit een gedeelte van de css eruit:
[ code verwijderd ]

Ik heb lopen zoeken hoe dat precies zit met position etc., maar ik kom er niet uit . Wie helpt?

the_disheaver, de laatste post in het vorige topic was voor mij? Want dan gaat het niet helemaal werken...
Wat werkt er niet? Ga wel met float werken, en zeker niet met een margin van 600 px. Kijk eens hoe float werken.
pi_36291791
hehe.

als het goed is heb je iets als <div id="centercolumn">

daarvoor zet je <div>

en aan het einde ergens zou je een </div> moeten hebben. waar je nog een </div> achter zet.
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36291920
quote:
Op donderdag 23 maart 2006 11:34 schreef Desdinova het volgende:
hehe.

als het goed is heb je iets als <div id="centercolumn">

daarvoor zet je <div>

en aan het einde ergens zou je een </div> moeten hebben. waar je nog een </div> achter zet.
Zou je voor de overzichtelijkheid gebruik willen maken van de QUOTE functie van het forum?
.
pi_36291934
Eventjes een andere tip. Mocht je problemen hebben met CSS in oa Opera, download de nieuwste preview (beta) van opera 9. ( http:/labs.opera.com) het heeft onder tools > advanced > een error console waarmee je onder andere de css struikelblokken kunt vinden.
pi_36292049
quote:
Op donderdag 23 maart 2006 11:39 schreef Tackleberry het volgende:

[..]

Zou je voor de overzichtelijkheid gebruik willen maken van de QUOTE functie van het forum?
mja ik heb het net bij de ontwikkelaars gelegd om een snelquote te introduceren voor het snel reageren.
As a rule, I never touch anything more sophisticated and delicate than myself.
  donderdag 23 maart 2006 @ 11:46:48 #22
23170 WebForce
Kijk mij nou!
pi_36292094
quote:
Op donderdag 23 maart 2006 11:40 schreef the_disheaver het volgende:
Eventjes een andere tip. Mocht je problemen hebben met CSS in oa Opera, download de nieuwste preview (beta) van opera 9. ( http:/labs.opera.com) het heeft onder tools > advanced > een error console waarmee je onder andere de css struikelblokken kunt vinden.
Bij mijn site geeft ie geen errors, maar het ziet er idd belabberd uit... Help!

1
2
3
4
5
6
7
8
9
10		<body>
<div id="header">
</div>

<div id="rightcolumn">
</div>

<div id="centercolumn">
</div>
</body>

Zo ziet mijn 'frontpage' er nu uit. Wat moet ik aangeven in mijn css om de rightcolumn rechts onder de header te zetten en de centercoloum links naast de header. En dat alles gecentreerd...
pi_36292172
<body style="text-align: center;">
<center>
<div id="header">
</div>
<div style="width: 800px; margin: 0px; padding: 0px;">
<div id="centercolumn" style="float: left;"></div>
<div id="rightcolumn" style="float: left;"></div>
</div>
</body>

ik heb width: 800px; gedaan, je kan beter even kijken hoe breed je je header hebt en die breedtje gebruiken. dit kan je allemaal weer rechtstreeks in je sheet zetten natuurlijk.
As a rule, I never touch anything more sophisticated and delicate than myself.
pi_36292365
quote:
Op donderdag 23 maart 2006 11:46 schreef WebForce het volgende:

[..]

Bij mijn site geeft ie geen errors, maar het ziet er idd belabberd uit... Help!
[ code verwijderd ]

Zo ziet mijn 'frontpage' er nu uit. Wat moet ik aangeven in mijn css om de rightcolumn rechts onder de header te zetten en de centercoloum links naast de header. En dat alles gecentreerd...
WAT gaat er dan niet goed als je met float werkt? Wel de <div id="right"> onder de left zetten anders krijg je de navigatie aan de linker kant.
pi_36292424
ik heb een div met height en min-height op 100%, positioning absolute, en top op 200px. Dit creeert een scrollbalk in mn browser omdat hij eerst 100% hoogte berekent, en daarna 200px naar beneden opschuift (of iets dergelijks). Maar ik wil dus 100% - 200px. Kan dit?
As a rule, I never touch anything more sophisticated and delicate than myself.
actieve topics nieuwe topics
abonnement Unibet Coolblue
[CSS] voor dummies - Deel 4
Index

» digital corner

Forum Opties
Forumhop:
Hop naar:
(afkorting, bv 'KLB')