Jump to content

Search the Community

Showing results for tags 'max-width'.

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


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

Find results in...

Find results that contain...

Date Created

  • Start


Last Updated

  • Start


Filter by number of...


  • Start





Website URL








Found 5 results

  1. Maybe I'm missing something obvious here, but I'm having a problem with max-width when applied to a div with padding. Can anyone tell me what the issue is here? If I have a div that has a max-width of 960px and a width on 100% it works as expected. If I then add padding, the div does not contract with the browser until it has overlapped it a certain ammount. <!DOCTYPE html><html><head><style> .content {width:100%;max-width:920px;padding:20px;background-color:white;height:500px;margin-left: auto;margin-right:auto;}body {margin:0px;padding:0px;background-color:red;}&
  2. Recently I started exploring modern web technology and have been wondering about how to avoid getting long lines of text that become hard to scan. I made a demo with some ideas and would apreciate if anyone wants to coment. http://piedpiper.site40.net/index.html?text=/design_website/web_design.html#visual (Note: currently you have to resize the frame to get the multi column to do it's thing and IDK why it wont take you straight to the #visual label yet... but if I wait until I understand it all then I suspect I'll never get anywhere at all ;o)
  3. Hey, been awhile... So I am playing around with fluid/responsive website design and I have hit a block relating to Max-Width being ignored when using Float. I know this is just how it is (honestly I can't understand the logic of why though), but is there a way around it? Simply I got this: <div id="wrap"><div id="left">Content</div><div id="right">Content</div></div> #wrap {width: 900px;}#left,#right {max-width: 450px;min-width: 320px;float: left;} The result is both #left and #right become 320px wide divs floating left... To outline quickly wha
  4. There something which I don't really understand, I have the following code HTML snippet <div class="outer"><div class="inner">STUF SDF DFSD FDF SDFSDF SDSD FDSFDSF DF sdad asd ad asd asd ad asd das dsad sa dsa dasd sad asd assvdf dfasdf asdf ad fsafd DSF D F</div></div> and the following CSS .outer{ display:table; width:100%;}.inner { display:table-cell; max-width:200px; height:50px; background-color:silver; overflow:hidden; white-space:nowrap; text-overflow:ellipsis} If the calculated table width is longer than 200px for example 500px, then I would expect th
  5. jordumus

    Max-width firefox

    Hello everone. The situation: I got images that I want to give a "max-width" attribute in CSS, so they don't mess up my screen. This works great in IE, Google Chrome and Safari, but seems to get messed up in Firefox and Opera (and old IE browsers) The code: The CSS: .tienjaar {max-width: 80%;display: block;margin-left: auto;margin-right: auto;} The html/php: <img class="tienjaar" src="some/img/url.png" alt="some alt text"/> The example: http://www.hondenvri...p?&loc=timelineI Test it in both Google Chrome and Firefox if possible, try to resize the screen, you'll see that t
  • Create New...