Web Design Forums

Narhir · 04-05-2008, 14:02

Hello,

I have small problem but I dont know how to resolve it.. so please help if you can on this website I have xhtml + css website without tables

Code:

narhir.com/strony/css-marketing

I would like to make text stop on footer however he stop before the "guy" div
I dont have any ideas how to make guy always be on bottom and also how to make text to float around him

please help if you can

here is source code for div "guy"

Code:

#guy {
    position: relative;
    background: url(images/guy.jpg) no-repeat;
    height: 170px;
    width: 213px;
    float: right;
    vertical-align:bottom;
}

and here is partialy for xhtml ...

Code:

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<!-- wrap starts here -->
<div id="wrapper">

<div id="logo">        
</div>
        
<div id="subbar">        
</div>
        
<div id="content-wrap">
         <p> zawartosc strony</p>
         <div id="guy">  </div>  
</div>

<div id="footer">
        <p>Design by NarhirDesign bla bla.. bla :P </p>
</div>    
</div>
</body>
</html>

Best Wishes

xENo · 04-05-2008, 15:09

I went to the site and I don't see any problem... but I can let you know that position: relative isn't needed.

CSS positioning doesn't mean using the "position" attribute... it's just another tool in the toolbox.

Narhir · 04-05-2008, 15:45

this "GUY" should go down to the footer. text should flow around him.. and finish on footer

xENo · 04-05-2008, 17:43

Gotcha.

What you need to do then, is float: right;, which you have... but you have to put him in the middle of your content. Try putting him right after your </ul> to see what I mean

04-05-2008, 14:02	#1 (permalink)
Narhir Registered User Join Date: May 2008 Posts: 2	Small problem with one div floating on another one Hello, I have small problem but I dont know how to resolve it.. so please help if you can on this website I have xhtml + css website without tables Code: narhir.com/strony/css-marketing I would like to make text stop on footer however he stop before the "guy" div I dont have any ideas how to make guy always be on bottom and also how to make text to float around him please help if you can here is source code for div "guy" Code: #guy { position: relative; background: url(images/guy.jpg) no-repeat; height: 170px; width: 213px; float: right; vertical-align:bottom; } and here is partialy for xhtml ... Code: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <!-- wrap starts here --> <div id="wrapper"> <div id="logo"> </div> <div id="subbar"> </div> <div id="content-wrap"> <p> zawartosc strony</p> <div id="guy"> </div> </div> <div id="footer"> <p>Design by NarhirDesign bla bla.. bla :P </p> </div> </div> </body> </html> Best Wishes

04-05-2008, 15:45	#3 (permalink)
Narhir Registered User Join Date: May 2008 Posts: 2	this "GUY" should go down to the footer. text should flow around him.. and finish on footer Last edited by Narhir : 04-05-2008 at 17:15.

Thread Tools	Search this Thread
Show Printable Version Email this Page	Search this Thread: Advanced Search

04-05-2008, 15:09	#2 (permalink)
xENo Jack of all trades Join Date: May 2008 Location: Orange County, CA Posts: 51	I went to the site and I don't see any problem... but I can let you know that position: relative isn't needed. CSS positioning doesn't mean using the "position" attribute... it's just another tool in the toolbox.

04-05-2008, 17:43	#4 (permalink)
xENo Jack of all trades Join Date: May 2008 Location: Orange County, CA Posts: 51	Gotcha. What you need to do then, is float: right;, which you have... but you have to put him in the middle of your content. Try putting him right after your </ul> to see what I mean

Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)