Home/ Questions/Q 6700321
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-26T06:48:01+00:00

This is an odd one … I need to display a graphic always that’s

  • 0

This is an odd one … I need to display a graphic always that’s always centred in the browser. Easy.

But the catch is that this graphic is part of some branding… and the branding demands that a line within the graphic continuously extend to the right for the duration of the browser width.

Example:

|———[Logo]]]]]]]]]|

I thought I’d be able to center a DIV, create a UL and then just float the LI to the left … but the issue becomes that because of the parent DIV width, the LI gets pushed down to the next line and I’m not sure how to stop that…

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Position the graphic whatever way you like and stick a div behind it with a top border on for the line. Position it absolutely and set the left:0 and right:50%.
    Like so: (try resizing the browser window)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<div style="position:absolute; border-top:solid 1px #CCC; left:0; right:50%; z-index:0; margin-top:20px;">&nbsp;</div>
<div style="position:absolute; width:200px; margin-left:-150px; left:50%; z-index:1; background:#CCC; padding:25px">this is a logo</div>
</body>
</html>
    • 0