Jump to content

Search the Community

Showing results for tags 'browser scroll'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • W3Schools
    • General
    • Suggestions
    • Critiques
  • HTML Forums
    • HTML/XHTML
    • CSS
  • Browser Scripting
    • JavaScript
    • VBScript
  • Server Scripting
    • Web Servers
    • Version Control
    • SQL
    • ASP
    • PHP
    • .NET
    • ColdFusion
    • Java/JSP/J2EE
    • CGI
  • XML Forums
    • XML
    • XSLT/XSL-FO
    • Schema
    • Web Services
  • Multimedia
    • Multimedia
    • FLASH

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


AIM


MSN


Website URL


ICQ


Yahoo


Jabber


Skype


Location


Interests


Languages

Found 1 result

  1. My css layout consists of a wrapper grid containing three divs, "left", "middle" and "right" (see the code below). I marked their borders with a dashed line so I can see their behaviour when resizing the window. How should I change my code in order to prevent the browser from wrapping the right part down? (see also the attached images below) 1. the html code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html> <head><link rel="stylesheet" href="css/style-grids.css" /></head> <body><div class="wrapper"><div class="left"></div><div class="middle"> </div><div class="right"> </div></div> <div class="nplogo"></div></body></html> 2. here teh css: html{width:100%;height:100%; } body { border-width: 0px; padding: 0px; margin: 0px; width:100%; height:100%; min-width:100%; min-height:100%; /* font-size: 0.9em;*/ background:#000000 url(../images/sky-tile-halves.png) 50% 0 repeat-y;} .wrapper{ position: relative; float: left; left: 0%; width: 100%; height:100%; /* border-color:red;border-style:dashed;border-width:2px; */ background-color: transparent} .left{ position: relative; float: left; left: 0px; width: 33.3%; height: 100%; margin:0px; border-color:yellow;border-style:dashed;border-width:2px; background-color: transparent;}.middle{ position: relative; float: left; left: 0px; width: 33%; height: 100%; border-color:green;border-style:dashed;border-width:2px; background-color: transparent;} .right{ position: relative; float: left; left: 0px; width: 33%; height: 100%; background-color: transparent; border-color:red;border-style:dashed;border-width:2px; }
×
×
  • Create New...