layer 100%? - Softwareontwikkeling

maandag 4 maart 2002 23:23

Acties:

Topicstarter

Het volgende probleempje:

Ik wil graag een website maken met aan de linkerkant een balk die niet 100% van het beeld is maar 100% totaal (een balk naast alles).

Probleem is dat de balk niet compleet mee-rekt met de tekst die rechts van de balk staat. Die teskst staat ook in een layer.(div text)

What to do ?

code:

<html>
<head>
<title>blablabla</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel=STYLESHEET href="/includes/style.css" type="text/css">
</head>
<body background="/images/menu-inhoud.gif" text="" link="" vlink="" alink="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<div id='div-boog'>[img]"/images/menu-boog.gif"></div[/img]
        
<div id='div'>
<table width=800 border=1 cellspacing=0 cellpadding=0 height=100%>
<tr>
<td width="122">[img]"/images/menu-links.gif"[/img]</td>
</tr>
</table>
</div>

    <div id='div-txt'>
texttext text text text text
        </div>
        

</body>
</html>

en de inhoud van style.css

code:

1
2
3

#div { position:absolute; top:0px; left:0px; z-index: 1;}
#div-boog { position:absolute; top:0px; left:96px; z-index: 2;}
#div-txt { position:absolute; top:20px; left:130px; z-index: 0;}

Taaaa taa taa taaaa taa taa ta taaataaaaa.

maandag 4 maart 2002 23:28

Acties:

crisp

Devver

Pixelated

De enige balken die ik met deze code krijg op mijn res van 800x600 zijn scrollbalken!
Je kan gewoon een tabel met 2 kolommen maken, waarbij de gehele tabel 100% breed is, en alleen de 2e kolom een vaste breedte heeft waar de text instaat.

Intentionally left blank

maandag 4 maart 2002 23:32

Acties:

a casema user

Topicstarter

probleem is niet de 100% horizontaal maar vertikaal !

Ik kan geen horizontale scrollbalk krijgen omdat ik in mijn tabel vastleg dat deze niet groter mag zijn dan 800
(niet uitgaande dat iemand lager dan 800x600 draait)

Taaaa taa taa taaaa taa taa ta taaataaaaa.

maandag 4 maart 2002 23:38

Acties:

crisp

Devver

Pixelated

Op maandag 04 maart 2002 23:32 schreef a casema user het volgende:
probleem is niet de 100% horizontaal maar vertikaal !

Ik kan geen horizontale scrollbalk krijgen omdat ik in mijn tabel vastleg dat deze niet groter mag zijn dan 800
(niet uitgaande dat iemand lager dan 800x600 draait)

Dit is een grote denkfout die meer mensen maken; een browserwindow heeft ook nog randjes die van je beschikbare breedte afgaan. Ook hebben mensen vaak een toolbar gedocked aan de rechterkant, waardoor de beschikbare breedte nog verder afneemt. Over het algemeen moet je van een max breedte van zo'n 760 pixels uitgaan.

Ik snap je balk-verhaal verder ook niet zo precies. Misschien een tekeningetje?

Intentionally left blank

maandag 4 maart 2002 23:40

Acties:

Hangloozz

{ @$%&# }

gewoon geen layers gebruiken.. althans, ik zie er in jouw geval het nut (nog) niet van in.

Als je een tabel van gewenste breedte maakt en 100% hoog en daar definieer je 2 cellen in; 1 voor het menu en 1 voor de text dan moet het goed komen.

oh, en een tabel precies 800 breed maken is om problemen vragen.
Als de gebruiker een bredere scrolbar ingesteld heeft dan kan het al fout gaan, of de browser iets kleiner heeft dan fullsize..
Beter iets van 775 of 780 nemen

_{edit:crisp dacht er ook zo over, alleen eerder}

www.jurgroessen.nl

maandag 4 maart 2002 23:55

Acties:

a casema user

Topicstarter

Afbeeldingslocatie: http://kamphuis.dyndns.org/~sander/site.gif

zwart is dus het menubalkje
groene boog komt daarboven

groen is mijn tekstvlak met daarachter (rode vlak) een plaatje

dit leek me wat makkelijker te maken in layers, vandaar daarom mijn keuze daarmee

edit:
en die zwarte balk moet dus naar beneden blijven lopen (gelijk aan de grote van het groene vlak naar beneden)

Taaaa taa taa taaaa taa taa ta taaataaaaa.

dinsdag 5 maart 2002 09:44

Acties:

Verwijderd

Op maandag 04 maart 2002 23:40 schreef Hangloozz het volgende:
gewoon geen layers gebruiken.. althans, ik zie er in jouw geval het nut (nog) niet van in.

Je kan natuurlijk met geneste divs en spans gaan werken. Tabellen zijn eigenlijk niet bedoeld voor opmaak (al zijn ze er natuurlijk wel errug handig voor

)

Er zijn zat tutorials te vinden voor de kolommen-layout van jou uitgevoerd in divs. Ik kijk nog ff of ik iets kan vinden.