|
HTML - Overflowing Div
How can I prevent the content from overflowing the div section. I want the browser to automatically wrap the content in the div and not to overflow it.
I know this can be done using CSS 3 but as such it is not yet supported by Firefox so I need another way. If you want some test code, look here Code: <head>
</head>
<style type="text/css">
.left {
width:20%;
float:left;
}
.right {
width:80%;
float:right;
}
</style>
<body>
<div class="left">
a
</div>
<div class="right">
bbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbbb
</div>
</body>
Similar TutorialsI am a rookie. Surprisingly enuf my web site is about done. I have one very major problem. The index page is written in html and other programs are php. The php programs work perfect and I have a php page that is very wide with small print and it presents perfectly. But....I can't for the life of me figure what the heck I have done wrong with this html page. In ie6 and 7, the web page presents itself just fine unless there is a left sidebar (same with Mozilla). If there is a sidebar (history or favorites on the left of the page), the web page overflows and half of my webpage is on the second page. Is there a way that I can force the webpage to overlap the sidebar. When I look at the page, I have lots of room on the right side of the web page but can't seem to use it. Stupid is as stupid does because I really have no clue what I am doing. Thanks in advance. PS - hope I loaded the files right - I'll know soon |
|||||||