Jump to content

Napis

Members
 View Profile  See their activity

  • Posts

    4

  • Joined

  • Last visited

Profile Information

  • Interests
    Web Design, HTML/CSS, Music, Guitars, Movies

Napis's Achievements

Newbie

Newbie (1/7)

0

Reputation

  1. Napis
    Oooh woow.. thanks so much for the help. That worked perfectly. I'm still learning CSS and this has been of great help.I'm happy
  2. Napis
    Thanks, I uploaded the website so it will be easier to see the problem. http://napis.byethost7.com/ I've tried relative and absolute postition and margins paddings 0 top-margins, min-widths, etc and nothing seems to work. I just dont understand how the topdiv works and reaches 100% widtheven when i add content on that div and resize the browser windowbut the services div will shrink The only way i can make it stretch 100% width when i reduce the browser window and with content in it, is that if i set the width to 1280px widthbut i dont think that'd be proper? i know it should work with just width:100% Thanks everyone for the help.
  3. Napis
    Thanks guys for the help, I tried both solutions but i'm still having the same problem. Still trying to figure it out.Thanks
  4. Napis
    Hello everyone. I have a small problem and I hope someone can help me. Since I'm new at this.I'm creating a website with a fixed positioned bar at the very top that stretches to full width ofbrowser window: #topdiv {background-image:url(../images/nav-bg.png); position:fixed; top:0px; left:0px; width:100%;height:75px; z-index:1; } I created a second div right beneath it that I'd like it to stretch to full width of browser windowjust like the first one but when the user scrolls down, the content will go behind the top bar. #services{background-image: url(../images/services-bg.png);background-repeat: repeat-x;position: absolute;top: 0px;left: 0px;right: 0px;width: 100%;height: 314px; } it does stretch full width but only when the browser is maximized. The problem is that whenI add content to this div, or any other section and then I reduce the browser's size, theservices div will shrink as well. I'm attaching a picture of this problem for easier understanding. My html code is simple: <!DOCTYPE html><html><body> <div id="topdiv"> <div id="logo"><img src="images/logo.png"></div><div id="navmenu"><?php include("nav_menu.php"); ?></div> </div> <div id="services"><img src="images/services_hdr.png"></div> </body></html> I hope someone can help me with some advice, why it's doing thiswhen i add content. Thank you very much in advanced.
×
×
  • Create New...