OSNN Forum » Arts & Crafts » Web Design & Coding » [HTML/CSS] Text continues past the <div> border
Reply
Old April 24th, 2005 Top | #1
 
Glaanieboy's Avatar
OSNN Veteran Addict
Joined: March 2002
Location: The Netherlands
Posts: 2,626
Reputation: 270
Power: 153
Default [HTML/CSS] Text continues past the <div> border
Check my website at http://glaanieboy.nl (it's being redesigned, stuff like the shoutbox are broken atm). If you click the 'What is my IP address?' link on the left, you can see your IP address and two links to Wikipedia explaining what an IP address is. I also put a little footnote in small print, a little notice that I won't use the IP address for anything other than storing in my server-logs etc.
But as you can see, this little notice continues to go past the virtual border of the middle div (see code below). How can I make the text to 'break' at the virtual border?

Code:
  <div style="width: 25%; height: 100px; position:absolute;">
  [..]Links bla bla[..]
  <!--End of left div-->
  </div>
  <!--Middle div (content)-->
  <div style="position:absolute; left: 25%;">
    <h3>Your IP address</h3>Your IP address is 81.71.58.154<br><br>
  <a href="http://en.wikipedia.org/wiki/IP_address" target="_blank">What is an IP address?</a><br>
  <a href="http://nl.wikipedia.org/wiki/IP-adres" target="_blank">Wat is een IP adres?</a><br><br>

  <span style="font-size: 9pt;">Your IP address is only being recorded in the logs of my webserver.
  I and only I know your IP address, I ain't gonna sell it or give them away.</span>
  <!--End of middle div-->
  </div>
  <!--Right div (shoutbox)-->
  <div style="position:absolute; left: 80%;">
  [..]Shoutbox code[..]
  </div>

Anyone help me? Thanks
Glaanieboy is offline   Reply With Quote
Old April 24th, 2005 Top | #2
 
Glaanieboy's Avatar
OSNN Veteran Addict
Joined: March 2002
Location: The Netherlands
Posts: 2,626
Reputation: 270
Power: 153
Default Re: [HTML/CSS] Text continues past the <div> border
Looks like I had to force a virtual border for the middle div by giving it a maximum width:
Old:
Code:
<div style="position:absolute; left: 25%;">
New:
Code:
<div style="position:absolute; left: 25%; width: 55%;">
Glaanieboy is offline   Reply With Quote
Old April 24th, 2005 Top | #3
 
jimi_81's Avatar
OSNN Senior Addict
Joined: May 2002
Location: Stoney Creek, ON, Canada
Posts: 820
Reputation: 500
Power: 135
Default Re: [HTML/CSS] Text continues past the <div> border
too bad you cant rep yourself eh!
jimi_81 is offline   Reply With Quote
Old April 24th, 2005 Top | #4
 
Glaanieboy's Avatar
OSNN Veteran Addict
Joined: March 2002
Location: The Netherlands
Posts: 2,626
Reputation: 270
Power: 153
Default Re: [HTML/CSS] Text continues past the <div> border
I have always you


I don't care for reputation btw
Glaanieboy is offline   Reply With Quote

Reply

Bookmarks

« Previous Thread | Next Thread »
Thread Tools

Posting Rules

Similar Threads
Thread Thread Starter Forum Replies Last Post
[HTML] Text revolving Kev2012 Web Design & Coding 7 October 11th, 2004 7:20pm
Reset a field after submitting text (HTML) Glaanieboy Web Design & Coding 24 June 18th, 2003 1:22am
HTML text and stuff Geffy Web Design & Coding 6 February 3rd, 2003 9:08pm
help with HTML and text input spaces jkoXP Web Design & Coding 3 December 25th, 2002 11:02am
XP continues Errors suebeloo Windows Desktop Systems 2 March 8th, 2002 7:28pm

Privacy Statement - Top