HELP CSS Text Problem!

555336

Hello, I have designed a simple CSS layout in Notepad and everything is OK except my heading and a paragraph are not displaying correctly. Both of them should display below the banner above the page but they are displaying near the footer. The texts which are not displaying correctly are the heading **"Contact Us"**and the paragraph "Use this form below". PLEASE HELP! I want both of them to be displayed below the banner above my page. :(( Here is a download link of my page: http://www.2shared.com/file/Q-9ta_-V/web.html

killabyte

try the width you set was to wide so the content div dropped down to the first place it has enough room

#content {
max-width:560px;
float: left;
overflow: hidden;
}

AditSheth

Hi there is a problem in width of div.. You have class of #container,#leftsidebar and #content concentrate on width only...

#container {
width: 750px;
}
#leftsidebar {
border: 3px dashed orange;
width: 180px;
}
#content {
width: 570px;
}

here your total width is 750. so you set leftsidebar=180 and content=570 so total is 750...right but in leftsidebar there is a border with width of 3px so reduce #content width with 3px of left-border and 3px of right-border so your new #content width is 570 - 3-3 = 564 px and your problem is solved... :)

If a man hasn't discovered something he will die for, he isn't fit to live. -martin luther king

Sunasara Imdadhusen

following are the updated HTML

        ![banner](images/banner.gif)
    

    

        

            Contact Us

            Use this form below:

    

    

        

            *   [Home](#)
            *   [About](#)
            *   [Photo Gallery](#)
            *   [Video Gallery](#)
            *   [Contact](#)
        

        ![ads banner](images/sale.jpg)
    

    

        

            Copyright 2011 by Angel Ali

following are the updated CSS class

#content {
float: left;
overflow: hidden;
width: 570px;
}

Thanks, Imdadhusen

sunaSaRa Imdadhusen +91 99095 44184

AditSheth

I thing it is not working yet... you need not to change your older html and css just change the width of Content So your HTML is like

	![banner](images/banner.gif)




	

		*   [Home](#)
		*   [About](#)
		*   [Photo Gallery](#)
		*   [Video Gallery](#)
		*   [Contact](#)
	

	![ads banner](images/sale.jpg)

Contact Us

Use this form below:

And CSS

#content {
width:564px;
float:right;
overflow:hidden;
}

Where can we go to find God if we cannot see Him in our own hearts and in every living being -Swami Vivekananda