Search...
FAQs Subscribe
Pie
FAQs
Recent topics Flagged topics Hot topics Best topics
Search...
Search within HTML Pages with CSS and JavaScript Search Coderanch
Advance search Google search
Register / Login
thread boost granny book review grid advertise on coderanch polymorphism
  • Post Reply Bookmark Topic Watch Topic
  • New Topic
programming forums Java Mobile Certification Databases Caching Books Engineering Micro Controllers OS Languages Paradigms IDEs Build Tools Frameworks Application Servers Open Source This Site Careers Other Pie Elite all forums
book review grid thread boost advertise on coderanch building better world book meaningless drivel
this forum made possible by our volunteer staff, including ...
Marshals:
  • Campbell Ritchie
  • Tim Cooke
  • paul wheaton
  • Jeanne Boyarsky
  • Ron McLeod
Sheriffs:
  • Paul Clapham
  • Liutauras Vilda
  • Devaka Cooray
Saloon Keepers:
  • Tim Holloway
  • Roland Mueller
Bartenders:

HTML display not as expected

 
Hendra Kurniawan
Ranch Hand
Posts: 239
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator


and here's the display:

no video playing, no color, just the text appears.

The result that I expect is this
the browser window is divided into 2 divs (vertical stack) where each section occupies half of the browser's height (height=50%). the top is banner, while the bottom section is further divided to left and right div. left div is video, while right div is text. Anybody know where my mistake is? Thanks
 
Rupesh Mhatre
Ranch Hand
Posts: 35
I like...
Hibernate jQuery Eclipse IDE
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
remove <!doctype html> and try
 
Hendra Kurniawan
Ranch Hand
Posts: 239
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
Didn't work. It made things worse actually because now there seems to be a third div under the second div. I think the doctype is necessary to inform that this is an HTML document. But thanks anyway .
 
Ryan Christiani
Ranch Hand
Posts: 30
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
I as playing around with it, and when i added a wrapper div around it, and set a height to that, then the banner and what not filled 50% of that set height.

I believe you need to set an outer container height and then the heights are based off of that value.


Probably going to ask a lot of possibly stupid questions...but how else will I learn? am I right!

 
Eric Pascarello
author
Posts: 15385
6
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator

Rupesh Mhatre wrote:remove <!doctype html> and try



Very bad idea. We need doctypes!

Eric
 
Eric Pascarello
author
Posts: 15385
6
posted 13 years ago
  • Mark post as helpful
  • send pies
    Number of slices to send:
    Optional 'thank-you' note:
    Send
  • Quote
  • Report post to moderator
You need to set the height of the html,body


Example running here: http://jsbin.com/efafi3

 
Why should I lose weight? They make bigger overalls. And they sure don't make overalls for tiny ads:
Smokeless wood heat with a rocket mass heater
https://woodheat.net
reply
reply
    Bookmark Topic Watch Topic
  • New Topic
Boost this thread!
Similar Threads
More...