Toon posts:

Site opgebouwd uit div probleem overflow etc

Pagina: 1
Acties:

Verwijderd

Topicstarter
Ik ben bezig een site te maken die opgebouwd is uit divs in plaats van alles in een tabel te maken.
Het is alleen een ingewikkeld ontwerp, maar ben al wel een eindje op weg.
Het probleem is dat wanneer je een width opgeeft aan het tekst div er een horizontale en vertikale scrollbar verschijn.
wanneer de div een width van 100% heeft (en overflow auto) dan alleen de vertikale scrollbar.

Wanneer je het scherm kleiner maakt dan willen de knoppen (links horizontaal soms wel eens verschuiven. link 6 komt dan onder link1??)

wat ook absoluut niet wil is de de hoogte instellen van het deel onder de horizontale knoppen, zodat deze bij het vergroten van het scherm hoger en breder wordt. Kan dat zowieso niet??

De bedoeling van het veranderen van de opbouw is dat de pag iets meer beeldvullend wordt wanneer iemand met een hogere resolutie kijkt is de site zo klein.


hier de link van het div - http://www.c10web.com/fa/
en de link van de oude opzet - http://www.c10web.com/fa/oud.htm

Ik hoop dat iemand mij iets wijzer kan maken?? _/-\o_

C10

  • Grijze Vos
  • Registratie: December 2002
  • Laatst online: 21-02 23:50
ik zou allereerst van die horizontale en verticale menus eens lists maken.

Op zoek naar een nieuwe collega, .NET webdev, voornamelijk productontwikkeling. DM voor meer info


  • mees
  • Registratie: December 2000
  • Laatst online: 10-03 16:24

mees

Duuuussss...

Je knoppenprobleem:
De CSS is wat rommelig, de verschillende layers (navigatieknoppen) zou je ff moeten nummeren. Vervolgens elke knop een absolute positie moeten geven, in percentage.

Voorbeeld:

code:
1
2
3
4
5
6
7
8
<div id="navigatiecontainer">
  <div id="nav1">link1</div>
  <div id="nav2">link2</div>
  <div id="nav3">link3</div>
  <div id="nav4">link4</div>
  <div id="nav5">link5</div>
  <div id="nav6">link6</div>
</div>


en dan in de css voor nav1:
code:
1
2
3
position: absolute;
top: 0;
left: 0%


en dan in de css voor nav2
code:
1
2
3
position: absolute;
top: 0;
left: 18%


en dan in de css voor nav3
code:
1
2
3
position: absolute;
top: 0;
left: 36%


enzovoorts..
(ervan uitgaande dat het 18% breedte per knop is)

Of zit ik nu helemaal de verkeerde richting op te denken?

[ Voor 36% gewijzigd door mees op 24-09-2004 11:20 ]

8 bitterballen = 1 byterbal


Verwijderd

Topicstarter
Nou ik ben al een stukje verder,
Heb idd lists gemaakt van de knoppenbalken werkt goed ! super!
Alleen hou ik nu nog 3 probleempjes over.

het scroll probleem
http://www.c10web.com/fa/scrollwrong.htm
aan rechterkant

wat wel lukt is dat de breedte meegaat met de breedte van de browserwindow,
maar kan dit ook in de hoogte? lukt me nl niet.

eigenlijk zou het onderste gedeelte in 2 gelijke delen verdeeld moeten zijn en de achtergrond afbeelding mee moeten vergroten met het vergroten van de browserwindow. dit lukt me ook al niet :'(


http://www.c10web.com/fa/fa.htm

de knoppen kunnen niet allemaal 18 % zijn, das rottig wanner je 100% moet verdelen in 6-en of 3-en dan kom je op percentages achter de , en dat kan niet :?

dus dank! Ik ben een stukje verder maar mochten jullie me nóg verder kunnen helpen graag!! O+