Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    cross-browser line breaking problems

    I know I have some ugly code here, but am forced to use inline css because I don't have access to the <head> of my website. In a nutshell, Firefox and Safari allow my text to run past the edge of a table, while IE automatically breaks the line (which is what I want). Any suggestions? I've experimented with margins but can't get them to work either. I feel like this should be easy but I'm a total noob. Thanks in advance! -mike

    http://www.griotsgarage.com/images/e...featured2.html

  • #2
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts

    Css

    First, port all of your CSS to external CSS sheets.

    How don't you have access to the <head> of the document?

    Get rid of the table, use DIVS, and the div will adapt to the width of the text. You can set the properties:

    Code:
    border-left:1px;border-top:1px;border-bottom:1px;
    This will result in no right border on the DIV.
    Last edited by macwiz; 07-16-2008 at 11:57 PM.

  • #3
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Don't have access to the <head> because this is a template-based site and I am only able to edit cells within the page template. That is also the reason we don't have external style sheets (yet).

    Can you be more specific about how to use the div instead of a table? Sample code, maybe? Your help is much appreciated! -mike

  • #4
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts

    Like This?

    What exactly do you want? You want all the text in the box?

    Like this?
    Attached Files Attached Files
    Last edited by macwiz; 07-17-2008 at 01:04 AM.

  • #5
    New to the CF scene
    Join Date
    Jul 2008
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks for the help macwiz. If you look at our homepage, you'll see what I'm trying to do. There are three of these "boxes", so the space is constrained by the grid of the page (which is why I thought a background image with css type overlay would give the most control). Make sense? http://www.griotsgarage.com/

  • #6
    Regular Coder
    Join Date
    Jul 2008
    Posts
    195
    Thanks
    3
    Thanked 11 Times in 11 Posts
    Quote Originally Posted by GriotsGarage View Post
    Thanks for the help macwiz. If you look at our homepage, you'll see what I'm trying to do. There are three of these "boxes", so the space is constrained by the grid of the page (which is why I thought a background image with css type overlay would give the most control). Make sense? http://www.griotsgarage.com/
    Try what I gave you. You have much more control over where things go, as they are separate elements, allowing for more positioning. You can change it around to look similar. To get that vertical line, use a little image that you can repeat and use CSS to position it. The way you had has teh same effect, although it is not adaptable to the amount of text you have, which is why a DIV would be in order.

    Your homepage is not text, but simply just an image. You could either create a new image, or do them all in CSS and with a DIV. Your choice. I prefer CSS and a DIV personally.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •