Skip to content
View in the app

A better way to browse. Learn more.

Web Designer Forum

A full-screen app on your home screen with push notifications, badges and more.

To install this app on iOS and iPadOS
  1. Tap the Share icon in Safari
  2. Scroll the menu and tap Add to Home Screen.
  3. Tap Add in the top-right corner.
To install this app on Android
  1. Tap the 3-dot menu (⋮) in the top-right corner of the browser.
  2. Tap Add to Home screen or Install app.
  3. Confirm by tapping Install.

Help needed urgently with CSS issue

Featured Replies

Hi all,

This is a bit embarrassing but I need someones help asap!

I've put a quick site together and it's gone live but I noticed that all works well in firefox but ie and safari font seem to be reading the CSS!!!

The site is dinkydoodles .co .uk

Please can someone who knows what they're doing (obviously not me!) take a look and help me out??!

 

 

Thank you

On your wrapper tag instead of using:

 

margin-left: auto;
margin-right: auto;

 

try

 

margin: 0 auto;

Actually, looking at your code - I can't see a wrapper or container DIV on your front page. Perhaps wrap it all up inside one and then use the idea above.

  • Author

Thanks mate, it's not just the homepage that doesn't read it but all the pages.

  • Author

If anyone is available to help out, I'd gladly sort you out with a drink.

I can send you the ftp details.

 

Please let me know as I could really do with fixing this asap.

 

 

Many thanks

 

Jamie

  • Author

Hi Mark.

Please email me on jamieclock@mac.com

 

Thanks mate

IE isn't processing the stylesheet personalised-name-art.css because you have a opening comment <!-- but no closing comment --> so edit:-

</script>
<style type="text/css">
/*<![CDATA[*/
<!--
-->
/*]]>*/
</style>

 

where I have inserted the missing -->

 

I also replaced #righthand with .righthand as you shouldn't use an id more than once

.righthand {                     
float: right;
height: 400px;
width: 210px;
text-indent: 0px;
text-align: left;
vertical-align: top;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 25px;
background-repeat: no repeat;
word-spacing: normal;
background-image: 
url(personalised-name-prints-images/partition-bar.jpg);
margin-top: 0px;
}

 

<div class="text righthand">

instead of

<div class="text" id="rghthand">

in three places,

Create an account or sign in to comment

Account

Navigation

Search

Search

Configure browser push notifications

Chrome (Android)
  1. Tap the lock icon next to the address bar.
  2. Tap Permissions → Notifications.
  3. Adjust your preference.
Chrome (Desktop)
  1. Click the padlock icon in the address bar.
  2. Select Site settings.
  3. Find Notifications and adjust your preference.