473,385 Members | 1,331 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

home > topics > html / css > questions > outside div isn't wrapping around child divs.

Join Bytes to post your question to a community of 473,385 software developers and data experts.

Outside DIV isn't wrapping around child divs.

This is my code:

HTML:
Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML> 
  2. <html> 
  3. <head> 
  4. <title>GARRO | Login</title>
  5. <link rel="stylesheet" type="text/css" href="http://bytes.com/loginv1.css">
  6. </head> 
  7.  
  8. <body style="margin: 0px;"> 
  9. <div class = "loginv1header">
  10. <p class = "loginv1garrologo">GARRO</p> 
  11. </div> 
  12. <div class = "loginv1mainbody"> 
  13. <div class = "loginv1schoollogo"> 
  14. <div class = "loginv1schoollogodiv"> 
  15. <img src = "http://bytes.com/shclogo.jpg" class="schlogo"> </div> 
  16. <p>Sacred Heart College Kyneton Login</p> 
  17. </div> 
  18. <div class = "loginv1loginarea"> 
  19. <p class = "loginv1loginareaheading">Login</p> 
  20. <form name = "myform"> 
  21. <div class = "loginv1loginarealogin"> 
  22. <div class = "loginv1username">
  23. <input type="text" name="username">
  24. </div>
  25. <div class = "loginv1password"
  26. ><input type="password" name="pword">
  27. </div> 
  28. <div class = "loginv1loginbutton">
  29. <input type="button" value="Log In" name="Submit" onclick= "validate()"></div> </div> </form> </div>
  30. <div class = "loginv1footer">Created by Team GARRO 2015</div> </div> </body> </html>
  31.  
CSS:

Expand|Select|Wrap|Line Numbers
  1. /*Login Page Styling*/
  2.  
  3. {
  4.     border: 1px solid black;
  5. }
  6.  
  7. .html {
  8.     width: 100%;
  9.     margin-top: 0px;
  10.     height:100%;
  11. }
  12.  
  13. .body {
  14.     width: 100%;
  15.     margin: 0px;
  16.     height:100%;
  17. }
  18.  
  19. /*HEADER*/
  20. .loginv1header {
  21.     background-color: rgb(128, 25, 62);
  22.     width: 100%;
  23.  
  24.     margin: 0px;
  25.  
  26. }
  27.  
  28.  
  29. .loginv1garrologo  {
  30.     margin: 0px;
  31.     font-size: 30px;
  32.     color: white;
  33.     padding-left: 5px;
  34.  
  35. }
  36.  
  37. /*MAINBODY*/
  38. .loginv1mainbody {
  39.     width: 100%;
  40.     margin: 0px;
  41.     min-height:100%;
  42.     border: 4px solid red;
  43.  
  44. }
  45.  
  46. /*LEFTSIDE*/
  47. .loginv1schoollogo {
  48.     width: 50%;
  49.     float: left;
  50.  
  51. }
  52.  
  53. .loginv1schoollogodiv {
  54.     margin: 0 auto;
  55.     width: 131px;
  56.     height: 139px;
  57.  
  58.  
  59. }
  60.  
  61. .loginv1schoollogo p {
  62.     text-align: center;
  63.     font-size: 25px;
  64. }
  65.  
  66. /*RIGHTSIDE*/
  67. .loginv1loginarea {
  68.     width: 50%;
  69.     float: left;
  70. }
  71.  
  72. /*FOOTER*/
  73. .loginv1footer{
  74.     clear: both;
  75.     position: fixed;
  76.     bottom: 0;
  77.     width: 100%;
  78. }
  79.  
How can I make the outer div go around the inner 3.
Apr 15 '15 #1
0 2803

Sign in to post your reply or Sign up for a free account.

Similar topics

2
Stop text wrapping around image
by: Suzanne Boyle | last post by:
I have the following code in a webpage: <p><img src="images/clydesdale.gif" width="100" height="41" style="float: left;" /> <strong>Test</strong><br /> Lorem ipsum dolor sit amet, consetetur...
HTML / CSS
4
assorted misbehaviours around float: left
by: Chris Sharman | last post by:
I've a very simple page (intranet, but moved to http://services.ccagroup.co.uk/dtest.html for you - so the links are all broken). essentially it's just a list of links. I've split it into two...
HTML / CSS
9
text not wrapping around image floated right
by: edski | last post by:
Using a technique I found here: http://www.vertexwerks.com/tests/sidebox/ I created these "dialogue" boxes: http://www.ebph.org/test.htm In IE6, the text does not wrap correctly around the...
HTML / CSS
3
border around an A tag not wrapping around the whole box in firefox.
by: mcwd | last post by:
I'm trying to put a border around a link when the mouse rolls over it. I've made an example below and left out the hover to keep it simple. In IE the example below draws a box arround the image OK,...
HTML / CSS
1
How to stop text wrapping around an image using CSS style?
by: sydtom | last post by:
I would like to stop text flowing underneath the thumbnail image on this page (GIF) View screenshot http://www.onepagereview.com/blog/wp-content/themes/Restaurant%20Review/images/working2.gif ...
HTML / CSS
0
Anyone know why IE6 is creating the space around my divs?
by: roscoedesign | last post by:
html: http://roscoecreations.com/exitpro/ css: http://roscoecreations.com/exitpro/css/style.css If you view the page in Firefox you will see what it is supposed to look like. For some reason IE6...
HTML / CSS
0
CSS Extra Space Around My Divs and/or Images
by: BlueNeck | last post by:
I'm having some trouble with a design I'm working on. There are a few places where I have extra space and I can't isolate the problem. Here's the page:...
HTML / CSS
1
CSS seconds divs padding expands over the first one
by: Termi2610 | last post by:
Hey, im new to CSS and just tried to make a small help page with a, well, "special" design. I developed it and used IE to check. Well everything was working fine but in FF everything was just...
HTML / CSS
1
Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
General
0
Wordpress or something else?
by: Faith0G | last post by:
I am starting a new it consulting business and it's been a while since I setup a new website. Is wordpress still the best web based software for hosting a 5 page website? The webpages will be...
Content Management Systems
0
isladogs
Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...
General
0
How to turn on java script in a villaon keypad mobile phone
by: Charles Arthur | last post by:
How do i turn on java script on a villaon, callus and itel keypad mobile phone
Java
0
Migrating Website to Cloud - Emmanuel Katto
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
General
0
BarryA
Navigating the Data Structures and Algorithms (DSA)
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
Algorithms / Advanced Math
1
Looking to do Android software development, any suggestions? Is flutter better?
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
General
1
Is that possible of reading the .csv file in column wise and the column have different lengths ?
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
C / C++
0
How to build RAID in BIOS?
by: Hystou | last post by:
There are some requirements for setting up RAID: 1. The motherboard and BIOS support RAID configuration. 2. The motherboard has 2 or more available SATA protocol SSD/HDD slots (including MSATA, M.2...
Computer Hardware

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.

BYTES.COM © 2024
About Bytes
Terms Of Use
Privacy Policy
Sitemap
Advertise on Bytes:
Post a Job
Sponsored Posts
Platinum & Gold Sponsors
Hire Now!