Archief - HTML/CSS: div, border-left probleem

b

bRahms

Legacy Member

• 1 jul 2004

• #1

Situatie: http://users.pandora.be/eddy.segers5/ourclass/index.htm (Ie of Firefox maakt niet uit)

Probleem: de border-left van de .rightcol loopt niet door tot het einde van de pagina, hoe kan dit gefixed worden?

(merk ook dat de site in IE niet gecentreerd is en in firefox wel, is daar een mouw aan te passen?)

(ps: dat de header gelinkt staat naar local file, weet ik)

z

zheimer

Legacy Member

• 1 jul 2004

• #2

die loopt maar tot zover uw content in dat vak komt, zet uw navigatie missch in een list, kunt ge daar de border right aan meegeven ofzo... heb het maar snel bekeken, en ge moogt ook af en toe nen id gebruiken he ipv al die classes

b

bRahms

Legacy Member

• 1 jul 2004

• #3

zheimer zei:

die loopt maar tot zover uw content in dat vak komt, en zet uw navigatie missch ook in een list, kunt ge daar de border right ofzo... heb het maar snel bekeken, en ge moogt ook af en toe nen id gebruiken he ipv al die classes

Klik om te vergroten...

khad alle belangrijkste dingen eerst in ID's gezet, maar voor het centraal zetten van de site in firefox ben ik overgestapt op classes (id's aanvaarden margin: 10px auto 10px auto; niet).

navigatie komt nog in een list, was vlug vlug voor aan te duiden dat die border-left niet doorloopt.

en border right heeft zelfde effect wanneer de rightcol dan langer is als de leftcol. had ik al geprobeerd ook?

toch merci voor de vlugge respons

z

zheimer

Legacy Member

• 1 jul 2004

• #4

(id's aanvaarden margin: 10px auto 10px auto; niet).

Klik om te vergroten...

#div {margin: 10px auto;}

dat zou niet werken volgens u, hier nochthans wel hoor

ge kunt missch met bg images werken om die lijnen weer te geven als ze moeten doorlopen tot onderaan, met een repeat-y

b

bRahms

Legacy Member

• 1 jul 2004

• #5

mja, die id's gaak dan wel weer veranderen, strange dat het niet werkte bij ik

en die methode die je me voorstelt, is deze niet ietwat omslachtig?

z

zheimer

Legacy Member

• 1 jul 2004

• #6

ik vind dit niet, en heb deze methode toch ook al vaak mensen zien gebruiken hoor

*edti te laat* merci dresse

ge kunt natuurlijk ook altijd een height of min-heigth meegeven eh...

d

dresse

Legacy Member

• 1 jul 2004

• #7

die lijn loopt idd maar zolang als u content van u rightcoll is.
oplossing: geef een height in voor u rightcoll. weet ni of dat het gaat werken met 100% ma zet anders gewoon in px een bepaalde grootte, even groot als de kader waar het instaat....

*edit* en die oplossing van hierboven is idd omslachtig
voor een 1px lijn gade toch nooit images gebruiken...

*edit2* klees daar iets van min-height -> wordt nog door niks ondersteund (dit even ter info)

z

zheimer

Legacy Member

• 1 jul 2004

• #8

een image van 1px height en een bep breedte of andersom neemt nauwelijks kb's in, wrm zou je dat dan niet kunnen gebruiken als je hem laat repeaten missch in combinatie met ander achtergrond patronen, doe dat meestal en zet die "image" in men body als bg als hij tot onderaan de pagina moet doorlopen, je kan elk element een bg meegeven dus...

min-height kunt ge ook via js bekomen he, missch wa omslachtig maar...

C

Cakeman

Legacy Member

• 1 jul 2004

• #9

dresse zei:

*edit2* klees daar iets van min-height -> wordt nog door niks ondersteund (dit even ter info)

Klik om te vergroten...

Huh? Dat heeft hier nochtans al gewerkt in Firefox, Opera en IE hoor.

d

dresse

Legacy Member

• 1 jul 2004

• #10

http://www.w3schools.com/css/pr_dim_min-height.asp

min-height hebk nog ni uitgetest ma min-width werkte in elk geval bij mji ni. en volgens w3schools zou min-height ook ni werken. kan me vergissen natuurlijk...

b

bRahms

Legacy Member

• 1 jul 2004

• #11

dresse zei:

die lijn loopt idd maar zolang als u content van u rightcoll is.
oplossing: geef een height in voor u rightcoll. weet ni of dat het gaat werken met 100% ma zet anders gewoon in px een bepaalde grootte, even groot als de kader waar het instaat....

*edit* en die oplossing van hierboven is idd omslachtig
voor een 1px lijn gade toch nooit images gebruiken...

*edit2* klees daar iets van min-height -> wordt nog door niks ondersteund (dit even ter info)

Klik om te vergroten...

en wat als de content dan groter wordt dan de rightcoll? ge zijt dan al verplicht om met een overflow te werken, en dat wou ik net niet

*edit: en min-height werkt hier ook in firefox en IE hoor

d

dresse

Legacy Member

• 1 jul 2004

• #12

als min-height werkt moet ge een min-height opgeven eh die even groot is als u main kader. ma nooit kleiner wordt als er minder content is...

b

bRahms

Legacy Member

• 1 jul 2004

• #13

:doh: vergeet ik m'n "niet" te plaatsen zeker ... min-height werkt hier ook NIET in IE en firefox..

d

dresse

Legacy Member

• 1 jul 2004

• #14

bRahms zei:

:doh: vergeet ik m'n "niet" te plaatsen zeker ... min-height werkt hier ook NIET in IE en firefox..

Klik om te vergroten...

ah dacht het al mijne kladblok is kapot

sja, dan zitte gij met een probleem eh
en lukt het ni om da op 100% height te zette?
nee zeker, die berekend da zeker aan de hand van grootte van browserwindow en ni aan parent ellement... dachtk toch..
sja, dan moete het aan ne pro vragen of die oplossing met images doen, ma dan zitte volgens mij met hetzelfde probleem zenne. of ge moet met tabellen werken

z

zikje

Legacy Member

• 1 jul 2004

• #15

Dat oplossen gaat inderdaad enkel met repeat-y van een background.

b

bRahms

Legacy Member

• 3 jul 2004

• #16

(terug van werchter):

Sja, we gaan het dan maar zo moeten forceren eh - jammer, maar helaas .

d

dresse

Legacy Member

• 3 jul 2004

• #17

en toch geloof ik ni dat da de enige oplossing kan zijn

hebt ge al geprobeert omd u content in nen parent div te steken en daar die leftborder op toe te passe en die div op 100% van zijn parent te maken?

S

SpoBo

Legacy Member

• 3 jul 2004

• #18

omg lol pak toch gewoon de rechterzijde van de linkerdiv .. maak daar een border van en case = closed :/
of .. als da ni naar uw wens is maakt ge een extra div met een top&botom margin van 50px ofzo en maak daar 1 randje of de achtergrond of whatever zwart van en maak het dan ni te breed .. case closed

b

bRahms

Legacy Member

• 3 jul 2004

• #19

SpoBo zei:

omg lol pak toch gewoon de rechterzijde van de linkerdiv .. maak daar een border van en case = closed :/

Klik om te vergroten...

OMG lol en wat als linkercol kleiner wordt dan rechtercol...case open.

S

SpoBo

Legacy Member

• 3 jul 2004

• #20

dan pakt ge die extra div hé .. 2de oplossing .. case closed