Freon
-
Posts
2 -
Joined
-
Last visited
Freon's Achievements
Newbie (1/5)
0
Reputation
-
Thank you! I found few ; misplaced.
-
Hello, I'm puzzled by what it seems to be two pages with the same code and acting differently at the same time. In the index.html the page behaves the way I want: the content adapts after resizing the browser but I get unusable space where header and content meets. In the index2.html there's no unused space but when I try to shrink the browser the content element jumps off below menu. Tell me if I need some sleep to find an error in the code because right now I see the code is 1:1. index.html <!DOCTYPE html> <html> <title>Alpha</title> <body> <style> p.ex1 {margin-left:6cm;} </style> <div id="container" style="width:1000px text-align:center";> <div id="header" style="background-color:#005aff; height:60px;" align="center"> <h1 style="margin-bottom:0;"> Main Title of Web Page </h1></div> <div id="menu" style="background-color:#000714; height:850px; width:200px; float:left; text-align:center"> <font color="green"> Menu <br/> <b> HTML<br/> CSS<br/> JavaScript</b> </font></div> <div id="content" align="left" style="background-color:#EEEEEE; height:850px; width:800px float:left;"> <p class="ex1"> Content goes here </p></div> <div id="footer" style="background-color:#005aff; clear:both; text-align:center;"> 2013-08-14</div> </div> </body> </html> index2.html <!DOCTYPE html> <html> <title>Alpha</title> <body> <style> p.ex1 {margin-left:0.5cm;} </style> <div id="container" style="width:1000px text-align:center" ; > <div id="header" style="background-color:#005aff; height:60px;" align="center"> <h1 style="margin-bottom:0;">Main Title of Web Page</h1></div> <div id="menu" style="background-color:#000714;height:850px;width:200px;float:left; text-align:center"> <font color="green"> <b>Menu</b><br/> HTML<br/> CSS<br/> JavaScript </font></div> <div id="content" align="left"; style="background-color:#EEEEEE;height:850px;width:800px;float:left;" > <p class="ex1"> Content goes here </p></div> <div id="footer" style="background-color:#005aff;clear:both;text-align:center;"> 2013-08-14</div> </div> </body> </html>