login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Wat gaat er fout bij me styling

Offline john2401 - 24/08/2009 16:48 (laatste wijziging 24/08/2009 16:51)
Avatar van john2401Nieuw lid Wat gaat er fout bij me styling
Het volgende resultaat heb ik nu EN MOET ZO BLIJVEN in een masterpage, waarbij alleen het mainContent zal veranderen op moment dat er op een menulink geklikt wordt.
Header
Left Contentplaceholder
Id=main Right

Css script voor de contents:

  1. #content{
  2. float:left;
  3. width:100%;
  4. min-height: 100%;
  5. padding: 0px;
  6. top: 0px;
  7. }
  8. #leftContent{
  9. float: left;
  10. width: 200px;
  11. }
  12. #rightContent{
  13. float:right;
  14. width: 200px;
  15. height: 611px;
  16. }
  17. #mainContent{
  18. height: 611px;
  19. width: 368px;
  20. background-color: #FFFFFF;
  21. }

Maar wanneer ik me contentpages laadt in me masterpage krijg ik het volgende resultaat:
header
left Als ik hier iets plaats dan loopt het op deze manier door en springt me rechtercontent naar benden.
right

Me rechterContent springt naar beneden en is niet vast aan me maincontent, zonder spatie ertussen.
MASTERPAGE:

  1. <div>
  2. <div>
  3. <div id="header">
  4. <div id="logo"><img src="images/logo.png" alt="" height="60px" width="135px" /></div>
  5. <div id="hrHeader" />
  6. </div>
  7. </div>
  8. <div id="topMenuBar">
  9. <span><img src="images/menuBar_Button.jpg" alt="" id="headerLeftMenu" /></span><a href="Default.aspx" class="txtLinkMenuTop">link1</a>
  10. <span><img src="images/menuBar_Button.jpg" alt="" class="menuButtonsTop" /></span><a href="Default.aspx" class="txtLinkMenuTop">link2</a>
  11. </div>
  12. <div id="content">
  13. <div id="leftContent">
  14. <div id="leftMenu_Back">
  15. <div class="leftMenu_LinkBack"><a href="Default.aspx"><img src="images/menuLeft_Pijl.png" alt="" class="leftMenu_Pijl" /><span class="txtMenuLink">leftlink1</span></a></div>
  16. <div class="leftMenu_LinkBack"><a href="Default.aspx"><img src="images/menuLeft_Pijl.png" alt="" class="leftMenu_Pijl" /><span class="txtMenuLink">leftlink2</span></a></div>
  17. <div class="leftMenu_LinkBack"><a href="Default.aspx"><img src="images/menuLeft_Pijl.png" alt="" class="leftMenu_Pijl" /><span class="txtMenuLink">leftlink3</span></a></div>
  18. </div>
  19. </div>
  20. <div id="mainContent">
  21. <asp:ContentPlaceHolder id="ContentPlaceHolder1" runat="server">
  22.  
  23. </asp:ContentPlaceHolder>
  24. </div>
  25. <div id="rightContent">
  26. <div id="rightMenu_Back">
  27. <div class="barsRight">
  28. <span><img src="images/menuRight_Pijl.png" alt="" class="rightMenu_Pijl" /></span><span class="txtMenuRight">kopright1</span>
  29. </div>
  30. <div id="loginBack">
  31. </div>
  32. <div class="barsRight">
  33. <span><img src="images/menuRight_Pijl.png" alt="" class="rightMenu_Pijl" /></span><span class="txtMenuRight">kopright2</span>
  34. </div>
  35. <div id="promoBack"> tekst enz</div>
  36. <div class="barsRight">
  37. <span><img src="images/menuRight_Pijl.png" alt="" class="rightMenu_Pijl" /></span><span class="txtMenuRight">kopright3</span>
  38. </div>
  39. <div id="serviceBack">
  40. <span id="imgService"><img src="images/contactService.jpg" alt="" /></span>
  41. <span id="infoService">
  42. <label>tekst1</label>
  43. <label>tekst2</label>
  44. </span>
  45. </div>
  46. </div>
  47. </div>
  48. </div>
  49. </div>

DEFAULT.aspx:

  1. <asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
  2. <div>
  3. <img src="images/introbanner.jpg" alt="" />
  4. </div>
  5. </asp:Content>

1 antwoord

Gesponsorde links
Offline Koen - 24/08/2009 16:50 (laatste wijziging 24/08/2009 16:52)
Avatar van Koen PHP expert Voorzie je code aub even van code-tags, dankje 

Edit door titjes: heb ik al gedaan! 
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.199s