Mainframe centreren bij diverse resoluties

[Verwijderd]

Ik ben al 2 dagen bezig om mijn website te centreren in de browser.
Mijn website bestaat uit 4 buitenframes (zwart) waardoor mijn mainframe gecentreerd lijkt. Nu heb ik vandaag (in resolutie 768-1024) mijn buitenframes zover gereed gezet zodat ik mijn (mainframe) website dus gecentreerd in beeld krijg.......echter

Als ik mijn website verklein (of de resolutie verander) bewegen alle frames mee.
Hoe kan ik alleen de buitenframes laten vergroten/verkleinen zodat het middelste frame een vaste grootte heeft....????


alvast bedankt!!

[NMe]

Heb je mijn reply gelezen in je vorige topic?

code:

<frameset cols="*,600px,*">

Voor een vaste breedte van 600 pixels van je middelste frame. De rest past zich dan aan aan het venster.

[BtM909]

Als je die vier frames alleen maar gebruikt voor centreren, dan is de oplossing geen frames gebruiken

HEt centreren kan je oplossen door CSS te gebruiken.

[ Voor 22% gewijzigd door BtM909 op 16-08-2004 19:23 ]

[Just_I]

Kijk even rond op verschillende websites over het bouwen van een website, bijvoorbeeld deze. Hier vind je veel informatie (Tip zoeken op centreren frames) .

[NMe]

BtM909 schreef op 16 augustus 2004 @ 19:22:
Als je die vier frames alleen maar gebruikt voor centreren, dan is de oplossing geen frames gebruiken

HEt centreren kan je oplossen door CSS te gebruiken.

Zelfs met pure HTML is dat nog geen probleem. Maar ik bak sowieso niet veel van de startpost, en zijn vorige topic was nog een stuk onduidelijker.
@TS: heb je geen link naar de site die je aant maken bent? Praat wat makkelijker.

[Verwijderd]

Ik heb helaas helemaal geen verstand van java en andere scripts.....ben vooral een grafisch mens

Ik heb mijn voorbeeld uit de website van silkstone (www.silkstone.nl) gehaald.

Mijn website ziet er als volgt uit:

frame boven

frame links frame midden 1 / frame midden 2 frame rechts
frame midden 3 (tekst)
frame midden 4

frame onder

De buitenframes zijn zwart (en empty)
De midden frames moeten dus altijd gecentreerd worden weergegeven.

Ik werk met adobe go live en kan dus ook de html aanpassen
In mijn totale framepagina (index.htm) staan de meeste frames reeds "frameset cols"
bv. : <frameset cols="*,96" frameborder="NO" border="0" framespacing="0">

Toch als ik de (window) site verklein verschuiven alle frames en is de site niet meer te lezen. Als ik dit bij de site van Silkstone doe...zie ik vooral de buitenframes veranderen...............????

Kan iemand mij helpen ??

Alvast bedankt!

[Verwijderd]

ga es effe hier kijken als je zo nodig frames wilt gebruiken: klik

[disjfa]

Verwijderd schreef op 16 augustus 2004 @ 19:53:
Ik heb mijn voorbeeld uit de website van silkstone (www.silkstone.nl) gehaald.

Daar zijn al geen frames

En ten tweede kan dit 10 keer makkelijker met een goede css layout aan te maken. Zoek maar een keer op pagina in het midden

[NMe]

Verwijderd schreef op 16 augustus 2004 @ 19:53:
Ik heb mijn voorbeeld uit de website van silkstone (www.silkstone.nl) gehaald.

Rechtsklik -> view source (of bron weergeven)
Kun je afkijken hoe het gedaan is. Veel meer kunnen wij je ook niet zeggen.

[Verwijderd]

Hoe kan het dan als ik deze pagina (silkstone.nl/index2.html) importeer binnen golive wel frames krijg te zien.........???

[Verwijderd]

Verwijderd schreef op 16 augustus 2004 @ 20:11:
Hoe kan het dan als ik deze pagina (silkstone.nl/index2.html) importeer binnen golive wel frames krijg te zien.........???

omdat die kneuzen voor de homepage alles in een tabel in een table dmv align="center" valign="middle" hebben geknald en het vervolg vd site in een frameset,..

voor de rest raad ik je aan je html zelf te coden en niet zomaar vanalles van een of ander siteje te copy pasten,.... check de post van disjfa,.. kun je nog wat van leren

[ Voor 7% gewijzigd door Verwijderd op 16-08-2004 20:54 ]

[Zoefff]

Ik zou sowieso geen frames gebruiken in je site, maar dat moet je zelf weten.

Laatst heb ik toevallig voor iemand anders een klein voorbeeldje gemaakt hoe je een div altijd exact in het midden kan laten staan, wellicht dat je het kan gebruiken. Wil je nou écht vasthouden aan je frames, dan gebruik je mijn div, en zet je daar gewoon een paar iframes in, zou ook moeten werken.

HTML:

<!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>Gecentreerde DIV</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
body {
    font-family:tahoma, verdana, arial;
    font-size:13px;
    background-color:#FFFFCC;
    }
#container {
    margin-left: -311px;
    margin-top: -211px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 622px;
    height: 422px;
    visibility: visible;
    }
.main {
    background-color:#FFFF99;
    width: 600px;
    height: 400px;
    padding:10px;
    border: 1px dashed #000000;
    }
.klein {
    font-size: 11px;
    }
</style>
</head>

<body>

<div id="container">
    <div class="main">

        
    
        Zo heb je een divje dat áltijd in het centrum van je pagina blijft staan. Als je de 
rest van de site in deze div zet, zou het altijd goed moeten gaan. <br />
        <br />Het gaat om dit stukje CSS:<br /><br />
        <code>
        #container { <br />
        margin-left: -311px;<br />
        margin-top: -211px;<br />
        position: absolute;<br />
        top: 50%;<br />
        left: 50%;<br />
        width: 622px;<br />
        height: 422px;<br />
        visibility: visible;<br />
        }</code><br /><br />
        De werking is vrij simpel. Eerst positioneer je de div zowel 50% vanaf de 
bovenkant, als 50% van de linkerkant van je browser, dmv "<code>top:50%; 
left:50%;</code>". Dan <i>begint</i> de div in het midden. 
    
        <br /><br />Om het centrum van die div in het centrum van de pagina te 
krijgen, moet je m dus de helft van de hoogte, en de helft van de breedte, omhoog resp. 
naar links verplaatsen. Dat doe je met "<code>margin-left: -311px;
        margin-top: -211px;</code>".
        <br /><br />
        Als je de breedte of hoogte veranderd, moet je deze waarden dus ook 
veranderen, anders word het verneukt.
    </div>
</div>

</body>
</html>

Resulteert in deze pagina

[ Voor 11% gewijzigd door Zoefff op 16-08-2004 23:19 ]

[appelsientje]

Zoefff schreef op 16 augustus 2004 @ 23:19:
Ik zou sowieso geen frames gebruiken in je site, maar dat moet je zelf weten.

Laatst heb ik toevallig voor iemand anders een klein voorbeeldje gemaakt hoe je een div altijd exact in het midden kan laten staan, wellicht dat je het kan gebruiken. Wil je nou écht vasthouden aan je frames, dan gebruik je mijn div, en zet je daar gewoon een paar iframes in, zou ook moeten werken.

Jij wilt niet weten hoe groot mijn dank is ik zit daar echt iedere keer mee te kutten, was het nu ook aan het proberen met frames. Maar dit is echt perfect!!

[Verwijderd]

Zoefff schreef op maandag 16 augustus 2004 @ 23:19:
Ik zou sowieso geen frames gebruiken in je site, maar dat moet je zelf weten.

Laatst heb ik toevallig voor iemand anders een klein voorbeeldje gemaakt hoe je een div altijd exact in het midden kan laten staan, wellicht dat je het kan gebruiken. Wil je nou écht vasthouden aan je frames, dan gebruik je mijn div, en zet je daar gewoon een paar iframes in, zou ook moeten werken.

HTML:

<!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>Gecentreerde DIV</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style>
body {
    font-family:tahoma, verdana, arial;
    font-size:13px;
    background-color:#FFFFCC;
    }
#container {
    margin-left: -311px;
    margin-top: -211px;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 622px;
    height: 422px;
    visibility: visible;
    }
.main {
    background-color:#FFFF99;
    width: 600px;
    height: 400px;
    padding:10px;
    border: 1px dashed #000000;
    }
.klein {
    font-size: 11px;
    }
</style>
</head>

<body>

<div id="container">
    <div class="main">

        
    
        Zo heb je een divje dat áltijd in het centrum van je pagina blijft staan. Als je de 
rest van de site in deze div zet, zou het altijd goed moeten gaan. <br />
        <br />Het gaat om dit stukje CSS:<br /><br />
        <code>
        #container { <br />
        margin-left: -311px;<br />
        margin-top: -211px;<br />
        position: absolute;<br />
        top: 50%;<br />
        left: 50%;<br />
        width: 622px;<br />
        height: 422px;<br />
        visibility: visible;<br />
        }</code><br /><br />
        De werking is vrij simpel. Eerst positioneer je de div zowel 50% vanaf de 
bovenkant, als 50% van de linkerkant van je browser, dmv "<code>top:50%; 
left:50%;</code>". Dan <i>begint</i> de div in het midden. 
    
        <br /><br />Om het centrum van die div in het centrum van de pagina te 
krijgen, moet je m dus de helft van de hoogte, en de helft van de breedte, omhoog resp. 
naar links verplaatsen. Dat doe je met "<code>margin-left: -311px;
        margin-top: -211px;</code>".
        <br /><br />
        Als je de breedte of hoogte veranderd, moet je deze waarden dus ook 
veranderen, anders word het verneukt.
    </div>
</div>

</body>
</html>

Resulteert in deze pagina

Mischien een beetje laat hoor. (en daarom hoop ik ook dat iemand reageert)

Maar mijn vraag is:

Wat is het nut van de volgende code die in de code hierboven is geschreven:

code:

.klein {
    font-size: 11px;
    }

[Verwijderd]

die geeft elementen met de classname "klein" een font-size van 11px;

/basic

[Willem]

daarom.